.elementor-18201 .elementor-element.elementor-element-169f129{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-18201 .elementor-element.elementor-element-169f129:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-169f129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FF0000 0%, #FFFFFF 87%);}.elementor-18201 .elementor-element.elementor-element-169f129::before, .elementor-18201 .elementor-element.elementor-element-169f129 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-169f129 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-169f129 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-169f129 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-169f129 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1F0303;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-169f129 > .elementor-shape-bottom svg, .elementor-18201 .elementor-element.elementor-element-169f129 > .e-con-inner > .elementor-shape-bottom svg{height:132px;}.elementor-18201 .elementor-element.elementor-element-c214967{--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-18201 .elementor-element.elementor-element-c214967.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-355f647{--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-18201 .elementor-element.elementor-element-355f647.e-con{--flex-grow:0;--flex-shrink:0;}.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-18201 .elementor-element.elementor-element-562c539{width:100%;max-width:100%;--e-transform-scale:1.1;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);text-align:center;}.elementor-18201 .elementor-element.elementor-element-562c539:hover{--e-transform-scale:1.2;}.elementor-18201 .elementor-element.elementor-element-562c539.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-562c539 img{width:100%;max-width:100%;height:105px;opacity:1;border-style:none;}.elementor-18201 .elementor-element.elementor-element-798f7a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-18201 .elementor-element.elementor-element-135171d{padding:0px 0px 0px 0px;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-135171d .elementor-icon-wrapper{text-align:center;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-framed .elementor-icon, .elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-framed .elementor-icon, .elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-stacked .elementor-icon:hover{background-color:#AF0404;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-framed .elementor-icon:hover, .elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-default .elementor-icon:hover{color:#AF0404;border-color:#AF0404;}.elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-framed .elementor-icon:hover, .elementor-18201 .elementor-element.elementor-element-135171d.elementor-view-default .elementor-icon:hover svg{fill:#AF0404;}.elementor-18201 .elementor-element.elementor-element-135171d .elementor-icon{font-size:31px;}.elementor-18201 .elementor-element.elementor-element-135171d .elementor-icon svg{height:31px;}.elementor-18201 .elementor-element.elementor-element-f75b77b{--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-18201 .elementor-element.elementor-element-c5cc50b{padding:0px 0px 0px 0px;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-c5cc50b .elementor-icon-wrapper{text-align:center;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-framed .elementor-icon, .elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-framed .elementor-icon, .elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-stacked .elementor-icon:hover{background-color:#AF0404;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-framed .elementor-icon:hover, .elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-default .elementor-icon:hover{color:#AF0404;border-color:#AF0404;}.elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-framed .elementor-icon:hover, .elementor-18201 .elementor-element.elementor-element-c5cc50b.elementor-view-default .elementor-icon:hover svg{fill:#AF0404;}.elementor-18201 .elementor-element.elementor-element-c5cc50b .elementor-icon{font-size:31px;}.elementor-18201 .elementor-element.elementor-element-c5cc50b .elementor-icon svg{height:31px;}.elementor-18201 .elementor-element.elementor-element-71a8d2e6{--display:flex;--justify-content:center;}.elementor-18201 .elementor-element.elementor-element-71a8d2e6:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-71a8d2e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-71a8d2e6.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-6fdd2b0c{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-6fdd2b0c > .elementor-widget-container{background-color:#D4B2B200;}.elementor-18201 .elementor-element.elementor-element-6fdd2b0c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-072df1d{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-072df1d:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-072df1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://podiomotor.com/wp-content/uploads/2026/03/podiomotor-tienda-anillo-airbag-madrid-02-scaled-e1772523687371.jpg");background-position:center center;background-size:cover;}.elementor-18201 .elementor-element.elementor-element-072df1d > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-072df1d > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#960404;}.elementor-18201 .elementor-element.elementor-element-072df1d > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-072df1d > .e-con-inner > .elementor-shape-top svg{height:115px;}.elementor-18201 .elementor-element.elementor-element-072df1d > .elementor-shape-bottom .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-072df1d > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#910202;}.elementor-18201 .elementor-element.elementor-element-072df1d > .elementor-shape-bottom svg, .elementor-18201 .elementor-element.elementor-element-072df1d > .e-con-inner > .elementor-shape-bottom svg{width:calc(209% + 1.3px);height:222px;}.elementor-18201 .elementor-element.elementor-element-aef29ec{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:stretch;}.elementor-18201 .elementor-element.elementor-element-61d8fce:hover{--e-transform-translateX:154px;}.elementor-18201 .elementor-element.elementor-element-e1f603b:hover{--e-transform-translateX:-174px;}.elementor-18201 .elementor-element.elementor-element-137ae78{--display:flex;--min-height:39px;--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-18201 .elementor-element.elementor-element-137ae78 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-137ae78 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#B11111;}.elementor-18201 .elementor-element.elementor-element-137ae78 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-137ae78 > .e-con-inner > .elementor-shape-top svg{width:calc(300% + 1.3px);height:500px;}.elementor-18201 .elementor-element.elementor-element-137ae78 > .elementor-shape-bottom .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-137ae78 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#8D0404;}.elementor-18201 .elementor-element.elementor-element-137ae78 > .elementor-shape-bottom svg, .elementor-18201 .elementor-element.elementor-element-137ae78 > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:500px;}.elementor-18201 .elementor-element.elementor-element-11f63c4{--display:flex;}.elementor-18201 .elementor-element.elementor-element-11f63c4:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-11f63c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-18201 .elementor-element.elementor-element-11f63c4 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-11f63c4 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-18201 .elementor-element.elementor-element-11f63c4 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-11f63c4 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-11f63c4 > .elementor-shape-bottom .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-11f63c4 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#C7C7C7;}.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-18201 .elementor-element.elementor-element-12be556{text-align:center;}.elementor-18201 .elementor-element.elementor-element-12be556 .elementor-heading-title{text-shadow:0px 0px 10px rgba(255, 0, 0, 0.95);color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18201 .elementor-element.elementor-element-117fe8a{--display:flex;}.elementor-18201 .elementor-element.elementor-element-de620c3{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-924bfc7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-924bfc7:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-924bfc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-924bfc7::before, .elementor-18201 .elementor-element.elementor-element-924bfc7 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-924bfc7 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-924bfc7 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-924bfc7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-924bfc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-924bfc7.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-f03ce55{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-f03ce55 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-f03ce55 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-f03ce55 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-f03ce55 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-f0bb076{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-f0bb076:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-f0bb076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-f0bb076 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-f0bb076 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-f0bb076 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-f0bb076 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-3dad4b4.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-3dad4b4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-d8dbbc2{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-d8dbbc2.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-60a9f58{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-60a9f58::before, .elementor-18201 .elementor-element.elementor-element-60a9f58 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-60a9f58 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-60a9f58 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-60a9f58 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-60a9f58 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-1b172a4{--display:flex;}.elementor-18201 .elementor-element.elementor-element-69fc4c4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-69fc4c4:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-69fc4c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-69fc4c4 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-69fc4c4 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-69fc4c4 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-69fc4c4 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-7b96daf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-0a77603{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-0a77603 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-0a77603.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-0a77603.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-0a77603.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-0a77603.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-0a77603.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-0a77603.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-0a77603 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-0a77603.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-cae433a{--display:flex;}.elementor-18201 .elementor-element.elementor-element-7c72885{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-24a1873{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-24a1873:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-24a1873 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-24a1873::before, .elementor-18201 .elementor-element.elementor-element-24a1873 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-24a1873 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-24a1873 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-24a1873 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-24a1873 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-24a1873.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-9b5c0f8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-9b5c0f8 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-9b5c0f8 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-9b5c0f8 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-9b5c0f8 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-d109fdd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-d109fdd:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-d109fdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-d109fdd > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-d109fdd > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-d109fdd > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-d109fdd > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-1a85043.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-1a85043 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-fa00664{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-fa00664.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-a8b0229{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-a8b0229.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-7545153{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-7545153::before, .elementor-18201 .elementor-element.elementor-element-7545153 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-7545153 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-7545153 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-7545153 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-7545153 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-87c1681{--display:flex;}.elementor-18201 .elementor-element.elementor-element-6eeedc8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-6eeedc8:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-6eeedc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-6eeedc8 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-6eeedc8 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-6eeedc8 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-6eeedc8 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-d7921c7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-c4ef73d{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-c4ef73d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-c4ef73d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-c4ef73d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-c68e23d{--display:flex;}.elementor-18201 .elementor-element.elementor-element-ba8228a{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-2cf83ba{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-2cf83ba:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-2cf83ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-2cf83ba::before, .elementor-18201 .elementor-element.elementor-element-2cf83ba > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-2cf83ba > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-2cf83ba > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-2cf83ba > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-2cf83ba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-2cf83ba.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-489817a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-489817a > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-489817a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-489817a > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-489817a > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-cb2916a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-cb2916a:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-cb2916a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-cb2916a > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-cb2916a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-cb2916a > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-cb2916a > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-4a5a97e.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-4a5a97e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-0b3e496{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-0b3e496.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-50dde87{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-50dde87.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-3704070{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-3704070::before, .elementor-18201 .elementor-element.elementor-element-3704070 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-3704070 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-3704070 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-3704070 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-3704070 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-b02ba51{--display:flex;}.elementor-18201 .elementor-element.elementor-element-0b61d32{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-0b61d32:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-0b61d32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-0b61d32 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-0b61d32 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-0b61d32 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-0b61d32 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-3174895 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-d2886f3{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-d2886f3 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-d2886f3 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-d2886f3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-13e5559{--display:flex;}.elementor-18201 .elementor-element.elementor-element-fd64071{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-2cf7189{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-2cf7189:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-2cf7189 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-2cf7189::before, .elementor-18201 .elementor-element.elementor-element-2cf7189 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-2cf7189 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-2cf7189 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-2cf7189 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-2cf7189 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-2cf7189.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-a54b55d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-a54b55d > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-a54b55d > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-a54b55d > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-a54b55d > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-8e0f265{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-8e0f265:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-8e0f265 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-8e0f265 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-8e0f265 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-8e0f265 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-8e0f265 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-16ff618.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-16ff618 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-15352d1{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-15352d1.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-7e1efa8{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-7e1efa8.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-dad325a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-dad325a::before, .elementor-18201 .elementor-element.elementor-element-dad325a > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dad325a > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dad325a > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dad325a > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dad325a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-cb2cf3d{--display:flex;}.elementor-18201 .elementor-element.elementor-element-f0d8860{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-f0d8860:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-f0d8860 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-f0d8860 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-f0d8860 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-f0d8860 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-f0d8860 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-3237c1f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-77e8e4d{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-77e8e4d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-77e8e4d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-77e8e4d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-30c9b18{--display:flex;}.elementor-18201 .elementor-element.elementor-element-d8439fb{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-4224774{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-4224774:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-4224774 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-4224774::before, .elementor-18201 .elementor-element.elementor-element-4224774 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-4224774 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-4224774 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-4224774 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-4224774 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-4224774.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-4a0da58{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-4a0da58 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-4a0da58 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-4a0da58 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-4a0da58 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-a662c0c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-a662c0c:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-a662c0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-a662c0c > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-a662c0c > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-a662c0c > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-a662c0c > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-0739c20.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-0739c20 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-1273bf6{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-1273bf6.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-41910da{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-41910da.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-24e9a84{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-24e9a84::before, .elementor-18201 .elementor-element.elementor-element-24e9a84 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-24e9a84 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-24e9a84 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-24e9a84 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-24e9a84 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-8200e92{--display:flex;}.elementor-18201 .elementor-element.elementor-element-e4f7eaf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-e4f7eaf:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-e4f7eaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-e4f7eaf > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-e4f7eaf > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-e4f7eaf > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-e4f7eaf > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-147be60 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-db22256{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-db22256.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-b62439e{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-b62439e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-b62439e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-b62439e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-b62439e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-b62439e.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-b62439e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-b62439e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-b62439e [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-b62439e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-204bd50{--display:flex;}.elementor-18201 .elementor-element.elementor-element-2be2af2{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-b838f6d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-b838f6d:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-b838f6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-b838f6d::before, .elementor-18201 .elementor-element.elementor-element-b838f6d > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-b838f6d > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-b838f6d > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-b838f6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-b838f6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-b838f6d.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-d3f0101{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-d3f0101 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-d3f0101 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-d3f0101 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-d3f0101 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-eb86572{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-eb86572:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-eb86572 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-eb86572 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-eb86572 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-eb86572 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-eb86572 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-25fe5a8.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-25fe5a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-ba6ad0c{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-ba6ad0c.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-2939fea{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-2939fea.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-8dfe821{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-8dfe821::before, .elementor-18201 .elementor-element.elementor-element-8dfe821 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-8dfe821 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-8dfe821 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-8dfe821 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-8dfe821 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-e4c6df8{--display:flex;}.elementor-18201 .elementor-element.elementor-element-56d0d20{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-56d0d20:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-56d0d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-56d0d20 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-56d0d20 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-56d0d20 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-56d0d20 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-21400fa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-7ac82fa{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-7ac82fa.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-560241a{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-560241a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-560241a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-560241a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-560241a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-560241a.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-560241a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-560241a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-560241a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-560241a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-37e162a{--display:flex;}.elementor-18201 .elementor-element.elementor-element-1d908c0{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-9695f4e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-9695f4e:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-9695f4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-9695f4e::before, .elementor-18201 .elementor-element.elementor-element-9695f4e > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-9695f4e > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-9695f4e > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-9695f4e > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-9695f4e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-9695f4e.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-97a96a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-97a96a5 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-97a96a5 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-97a96a5 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-97a96a5 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-1a69e82{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-1a69e82:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-1a69e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-1a69e82 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-1a69e82 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-1a69e82 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-1a69e82 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-bccf9b3.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-bccf9b3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-f14131a{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-f14131a.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-69b05e3{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-69b05e3.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-9630f96{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-9630f96::before, .elementor-18201 .elementor-element.elementor-element-9630f96 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-9630f96 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-9630f96 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-9630f96 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-9630f96 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-bb77257{--display:flex;}.elementor-18201 .elementor-element.elementor-element-afae04f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-afae04f:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-afae04f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-afae04f > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-afae04f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-afae04f > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-afae04f > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-df48a59 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-931afcf{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-931afcf.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-4836f2c{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-4836f2c > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-4836f2c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-4836f2c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-77accd0{--display:flex;}.elementor-18201 .elementor-element.elementor-element-a63fb95{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-1209aab{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-1209aab:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-1209aab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-1209aab::before, .elementor-18201 .elementor-element.elementor-element-1209aab > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-1209aab > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-1209aab > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-1209aab > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-1209aab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-1209aab.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-8a2500f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-8a2500f > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-8a2500f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-8a2500f > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-8a2500f > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-488f7c9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-488f7c9:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-488f7c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-488f7c9 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-488f7c9 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-488f7c9 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-488f7c9 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-0525203.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-0525203 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-069a9ee{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-069a9ee.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-af39108{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-af39108.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-67ba734{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-67ba734::before, .elementor-18201 .elementor-element.elementor-element-67ba734 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-67ba734 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-67ba734 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-67ba734 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-67ba734 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-65c317f{--display:flex;}.elementor-18201 .elementor-element.elementor-element-0919afd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-0919afd:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-0919afd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-0919afd > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-0919afd > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-0919afd > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-0919afd > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-2f95e1c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-1e70644{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-1e70644.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-05886ff{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-05886ff > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-05886ff.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-05886ff.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-05886ff.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-05886ff.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-05886ff.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-05886ff.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-05886ff [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-05886ff.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-9193862{--display:flex;}.elementor-18201 .elementor-element.elementor-element-2e1cea4{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-dcab179{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-dcab179:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-dcab179 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-dcab179::before, .elementor-18201 .elementor-element.elementor-element-dcab179 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dcab179 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dcab179 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dcab179 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dcab179 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-dcab179.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-87082c6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-87082c6 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-87082c6 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-87082c6 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-87082c6 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-9f45f5f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-9f45f5f:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-9f45f5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-9f45f5f > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-9f45f5f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-9f45f5f > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-9f45f5f > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-c84c6ab.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-c84c6ab .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-225fa5b{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-225fa5b.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-abf019e{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-abf019e.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-3cc751b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-3cc751b::before, .elementor-18201 .elementor-element.elementor-element-3cc751b > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-3cc751b > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-3cc751b > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-3cc751b > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-3cc751b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-b933beb{--display:flex;}.elementor-18201 .elementor-element.elementor-element-4a19034{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-4a19034:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-4a19034 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-4a19034 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-4a19034 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-4a19034 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-4a19034 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-4b6efe4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-901e8a1{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-901e8a1.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-27cbef2{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-27cbef2 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-27cbef2 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-27cbef2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-6676c9f{--display:flex;}.elementor-18201 .elementor-element.elementor-element-b9a95d3{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-dc9bf8d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-dc9bf8d:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-dc9bf8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-dc9bf8d::before, .elementor-18201 .elementor-element.elementor-element-dc9bf8d > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dc9bf8d > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dc9bf8d > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dc9bf8d > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dc9bf8d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-dc9bf8d.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-efa5607{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-efa5607 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-efa5607 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-efa5607 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-efa5607 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-5d7eaf6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-5d7eaf6:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-5d7eaf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-5d7eaf6 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-5d7eaf6 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-5d7eaf6 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-5d7eaf6 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-230072b.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-230072b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-077a066{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-077a066.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-78c9b95{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-78c9b95.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-ae51c98{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-ae51c98::before, .elementor-18201 .elementor-element.elementor-element-ae51c98 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-ae51c98 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-ae51c98 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-ae51c98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-ae51c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-9f1b781{--display:flex;}.elementor-18201 .elementor-element.elementor-element-0d40f34{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-0d40f34:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-0d40f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-0d40f34 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-0d40f34 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-0d40f34 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-0d40f34 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-4de09a0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-1402bd9{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-1402bd9.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-2bc57da{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-2bc57da > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-2bc57da [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-2bc57da.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-4041bec{--display:flex;}.elementor-18201 .elementor-element.elementor-element-9b915bb{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-30daeab{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-30daeab:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-30daeab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-30daeab::before, .elementor-18201 .elementor-element.elementor-element-30daeab > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-30daeab > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-30daeab > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-30daeab > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-30daeab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-30daeab.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-4e829ef{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-4e829ef > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-4e829ef > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-4e829ef > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-4e829ef > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-a22ae8f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-a22ae8f:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-a22ae8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-a22ae8f > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-a22ae8f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-a22ae8f > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-a22ae8f > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-07949bc.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-07949bc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-f61b131{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-f61b131.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-e04177b{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-e04177b.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-129563c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-129563c::before, .elementor-18201 .elementor-element.elementor-element-129563c > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-129563c > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-129563c > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-129563c > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-129563c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-a8d1963{--display:flex;}.elementor-18201 .elementor-element.elementor-element-936ac7f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-936ac7f:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-936ac7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-936ac7f > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-936ac7f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-936ac7f > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-936ac7f > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-4f2b97f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-accec52{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-accec52.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-68cb3e1{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-68cb3e1 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-68cb3e1 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-68cb3e1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-def3229{--display:flex;}.elementor-18201 .elementor-element.elementor-element-bb9d44b{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-d89f523{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-d89f523:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-d89f523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-d89f523::before, .elementor-18201 .elementor-element.elementor-element-d89f523 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-d89f523 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-d89f523 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-d89f523 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-d89f523 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-d89f523.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-f7b55cb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-f7b55cb > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-f7b55cb > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-f7b55cb > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-f7b55cb > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-fa7bc44{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-fa7bc44:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-fa7bc44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-fa7bc44 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-fa7bc44 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-fa7bc44 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-fa7bc44 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-a4331a2.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-a4331a2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-c577e14{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-c577e14.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-80ec8ae{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-80ec8ae.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-f16f399{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-f16f399::before, .elementor-18201 .elementor-element.elementor-element-f16f399 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-f16f399 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-f16f399 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-f16f399 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-f16f399 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-f16f399.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-a3e69b0{--display:flex;}.elementor-18201 .elementor-element.elementor-element-d3ebfa4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-d3ebfa4:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-d3ebfa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-d3ebfa4 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-d3ebfa4 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-d3ebfa4 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-d3ebfa4 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-ea6ecbd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-cc4c461{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-cc4c461.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-3372de4{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-3372de4 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-3372de4.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-3372de4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-3372de4.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-3372de4.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-3372de4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-3372de4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-3372de4 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-3372de4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-cbb5627{--display:flex;}.elementor-18201 .elementor-element.elementor-element-85f3ba8{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-e1486b6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-e1486b6:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-e1486b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-e1486b6::before, .elementor-18201 .elementor-element.elementor-element-e1486b6 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-e1486b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-e1486b6 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-e1486b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-e1486b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-e1486b6.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-ef8cd84{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-ef8cd84 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-ef8cd84 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-ef8cd84 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-ef8cd84 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-e7ee8dc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-e7ee8dc:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-e7ee8dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-e7ee8dc > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-e7ee8dc > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-e7ee8dc > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-e7ee8dc > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-5bd265e.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-5bd265e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-45e9138{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-45e9138.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-6184d89{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-6184d89.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-57d1eee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-57d1eee::before, .elementor-18201 .elementor-element.elementor-element-57d1eee > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-57d1eee > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-57d1eee > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-57d1eee > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-57d1eee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-c8dd777{--display:flex;}.elementor-18201 .elementor-element.elementor-element-bf80f6a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-bf80f6a:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-bf80f6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-bf80f6a > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-bf80f6a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-bf80f6a > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-bf80f6a > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-c70a523 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-71aea5f{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-71aea5f.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-96dd503{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-96dd503 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-96dd503.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-96dd503.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-96dd503.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-96dd503.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-96dd503.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-96dd503.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-96dd503 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-96dd503.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-cf61af3{--display:flex;}.elementor-18201 .elementor-element.elementor-element-1aa11d8{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-7067493{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-7067493:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-7067493 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-7067493::before, .elementor-18201 .elementor-element.elementor-element-7067493 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-7067493 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-7067493 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-7067493 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-7067493 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-7067493.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-d35c926{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-d35c926 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-d35c926 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-d35c926 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-d35c926 > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-a169c47{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-a169c47:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-a169c47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-a169c47 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-a169c47 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-a169c47 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-a169c47 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-7ab584d.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-7ab584d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-7a4cbf0{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-7a4cbf0.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-d991818{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-d991818.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-a972e69{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-a972e69::before, .elementor-18201 .elementor-element.elementor-element-a972e69 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-a972e69 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-a972e69 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-a972e69 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-a972e69 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-65cd666{--display:flex;}.elementor-18201 .elementor-element.elementor-element-8e43761{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-8e43761:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-8e43761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-8e43761 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-8e43761 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-8e43761 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-8e43761 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-80eda21 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-bfd449c{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-bfd449c.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-e86ccd3{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-e86ccd3 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-e86ccd3 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-e86ccd3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-776d091{--display:flex;}.elementor-18201 .elementor-element.elementor-element-6f22db2{--spacer-size:41px;}.elementor-18201 .elementor-element.elementor-element-13811b5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-13811b5:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-13811b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-13811b5::before, .elementor-18201 .elementor-element.elementor-element-13811b5 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-13811b5 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-13811b5 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-13811b5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-13811b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-13811b5.e-con{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-2faad5e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-2faad5e > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-2faad5e > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#800303;}.elementor-18201 .elementor-element.elementor-element-2faad5e > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-2faad5e > .e-con-inner > .elementor-shape-top svg{width:calc(1% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-597aa05{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-597aa05:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-597aa05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-597aa05 > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-597aa05 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-597aa05 > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-597aa05 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-b0ec283.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-b0ec283 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-75200a2{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-75200a2.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-020f497{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-020f497.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-dde4676{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18201 .elementor-element.elementor-element-dde4676::before, .elementor-18201 .elementor-element.elementor-element-dde4676 > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dde4676 > .e-con-inner > .elementor-background-video-container::before, .elementor-18201 .elementor-element.elementor-element-dde4676 > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dde4676 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18201 .elementor-element.elementor-element-dde4676 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-18201 .elementor-element.elementor-element-bc1289c{--display:flex;}.elementor-18201 .elementor-element.elementor-element-e263cbe{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-e263cbe:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-e263cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA0000;}.elementor-18201 .elementor-element.elementor-element-e263cbe > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-e263cbe > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#8C0202;}.elementor-18201 .elementor-element.elementor-element-e263cbe > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-e263cbe > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:80px;}.elementor-18201 .elementor-element.elementor-element-2b6fa1a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-296b3a9{width:auto;max-width:auto;}.elementor-18201 .elementor-element.elementor-element-296b3a9.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-d664640{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;background-color:#000000;padding:4px 4px 4px 4px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:223px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFF9F9;}.elementor-18201 .elementor-element.elementor-element-d664640 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#797979;}.elementor-18201 .elementor-element.elementor-element-d664640.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B30000;box-shadow:0px 0px 10px 0px rgba(196.18004150390627, 2.985348457668143, 5.505279236532149, 0.98);}.elementor-18201 .elementor-element.elementor-element-d664640.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-d664640.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#BD0808;}.elementor-18201 .elementor-element.elementor-element-d664640.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-d664640.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;}.elementor-18201 .elementor-element.elementor-element-d664640.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-18201 .elementor-element.elementor-element-d664640 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-18201 .elementor-element.elementor-element-d664640.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18201 .elementor-element.elementor-element-d20995c{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;width:100%;max-width:100%;padding:10px 10px 10px 10px;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:16px;--n-tabs-title-color:#FFFFFF;}.elementor-18201 .elementor-element.elementor-element-d20995c > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#000000;}.elementor-18201 .elementor-element.elementor-element-d20995c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#2F2F2F;}.elementor-18201 .elementor-element.elementor-element-d20995c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18201 .elementor-element.elementor-element-d20995c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#911100;}.elementor-18201 .elementor-element.elementor-element-d20995c.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-d20995c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#000000;box-shadow:0px 0px 10px 0px #000000;}.elementor-18201 .elementor-element.elementor-element-b36498a{--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-18201 .elementor-element.elementor-element-47a988c{--display:flex;--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;--justify-content:center;--align-items:stretch;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-top .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#EFEFEF;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-top svg{width:calc(152% + 1.3px);height:114px;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-top, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-bottom .elementor-shape-fill, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#DBDBDB;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-bottom svg, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-bottom svg{height:85px;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-bottom, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-18201 .elementor-element.elementor-element-f836432{width:auto;max-width:auto;background-image:url("https://podiomotor.com/wp-content/uploads/2026/02/podiomotor-tienda-de-motos-madrid-coches-02-scaled-e1771495990840.jpg");padding:195px 195px 195px 195px;--e-transform-origin-x:center;--e-transform-origin-y:center;background-position:center left;background-repeat:no-repeat;background-size:cover;text-align:center;}.elementor-18201 .elementor-element.elementor-element-f836432.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-f836432 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-shadow:0px 0px 10px #000000;color:#000000;}.elementor-18201 .elementor-element.elementor-element-62c3331{--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-18201 .elementor-element.elementor-element-e43e631.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-e43e631{text-align:center;}.elementor-18201 .elementor-element.elementor-element-e43e631 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#000000;}.elementor-18201 .elementor-element.elementor-element-7efe048c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18201 .elementor-element.elementor-element-7efe048c:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-7efe048c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9D7D7;}.elementor-18201 .elementor-element.elementor-element-42279dcf{--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-18201 .elementor-element.elementor-element-42279dcf.e-con{--flex-grow:0;--flex-shrink:0;}.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-18201 .elementor-element.elementor-element-3c7f7fc{--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-18201 .elementor-element.elementor-element-3c7f7fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-2c48a3a4{text-align:center;font-family:"Roboto", Sans-serif;font-weight:600;letter-spacing:3px;color:#1F1D1D;}.elementor-18201 .elementor-element.elementor-element-2c48a3a4 p{margin-block-end:0px;}.elementor-18201 .elementor-element.elementor-element-2c48a3a4 a{color:#090707;}.elementor-18201 .elementor-element.elementor-element-25a5e4c{--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-18201 .elementor-element.elementor-element-25a5e4c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-52078028.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-52078028 img{width:100%;height:87px;}@media(max-width:1024px){.elementor-18201 .elementor-element.elementor-element-aef29ec{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-f0bb076{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-69fc4c4{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-d109fdd{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-6eeedc8{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-cb2916a{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-0b61d32{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-8e0f265{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-f0d8860{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-a662c0c{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-e4f7eaf{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-eb86572{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-56d0d20{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-1a69e82{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-afae04f{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-488f7c9{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-0919afd{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-9f45f5f{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-4a19034{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-5d7eaf6{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-0d40f34{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-a22ae8f{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-936ac7f{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-fa7bc44{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-d3ebfa4{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-e7ee8dc{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-bf80f6a{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-a169c47{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-8e43761{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-597aa05{--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-e263cbe{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-18201 .elementor-element.elementor-element-169f129 > .elementor-shape-bottom svg, .elementor-18201 .elementor-element.elementor-element-169f129 > .e-con-inner > .elementor-shape-bottom svg{height:0px;}.elementor-18201 .elementor-element.elementor-element-562c539{padding:25px 25px 25px 25px;text-align:center;}.elementor-18201 .elementor-element.elementor-element-6fdd2b0c.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-18201 .elementor-element.elementor-element-aef29ec{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-f0bb076{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-69fc4c4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-d109fdd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-6eeedc8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-cb2916a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-0b61d32{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-8e0f265{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-f0d8860{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-a662c0c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-e4f7eaf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-eb86572{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-56d0d20{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-1a69e82{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-afae04f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-488f7c9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-0919afd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-9f45f5f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-4a19034{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-5d7eaf6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-0d40f34{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-a22ae8f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-936ac7f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-fa7bc44{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-d3ebfa4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-e7ee8dc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-bf80f6a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-a169c47{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-8e43761{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-597aa05{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-e263cbe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-top svg, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-top svg{width:calc(300% + 1.3px);height:109px;}.elementor-18201 .elementor-element.elementor-element-47a988c > .elementor-shape-bottom svg, .elementor-18201 .elementor-element.elementor-element-47a988c > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);}.elementor-18201 .elementor-element.elementor-element-47a988c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18201 .elementor-element.elementor-element-47a988c.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-18201 .elementor-element.elementor-element-f836432.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-f836432{text-align:justify;}.elementor-18201 .elementor-element.elementor-element-f836432 .elementor-heading-title{font-size:17px;letter-spacing:2.2px;}.elementor-18201 .elementor-element.elementor-element-e43e631{width:auto;max-width:auto;text-align:justify;}.elementor-18201 .elementor-element.elementor-element-e43e631.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-e43e631 .elementor-heading-title{font-size:23px;}.elementor-18201 .elementor-element.elementor-element-3c7f7fc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18201 .elementor-element.elementor-element-2c48a3a4.elementor-element{--align-self:center;}.elementor-18201 .elementor-element.elementor-element-2c48a3a4{font-size:13px;letter-spacing:0.8px;word-spacing:0em;}}@media(min-width:768px){.elementor-18201 .elementor-element.elementor-element-c214967{--width:22.599%;}.elementor-18201 .elementor-element.elementor-element-355f647{--width:53.823%;}.elementor-18201 .elementor-element.elementor-element-798f7a8{--width:25%;}.elementor-18201 .elementor-element.elementor-element-f75b77b{--width:25%;}.elementor-18201 .elementor-element.elementor-element-f16f399{--width:96.964%;}.elementor-18201 .elementor-element.elementor-element-42279dcf{--width:17.286%;}.elementor-18201 .elementor-element.elementor-element-3c7f7fc{--width:64.898%;}.elementor-18201 .elementor-element.elementor-element-25a5e4c{--width:14.152%;}}/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d8dbbc2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26d0abd */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0a77603 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa00664 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8b0229 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f2bfffc */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4ef73d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b3e496 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50dde87 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7299ad */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d2886f3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15352d1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7e1efa8 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef52813 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77e8e4d */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1273bf6 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41910da *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cf7002c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-db22256 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b62439e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ba6ad0c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2939fea *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf47109 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7ac82fa *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-560241a */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f14131a *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69b05e3 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1c813e */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-931afcf *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-4836f2c */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-069a9ee *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af39108 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d2220 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e70644 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-05886ff */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-225fa5b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf019e *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4355e74 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-901e8a1 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-27cbef2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-077a066 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-78c9b95 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cca5ffb */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1402bd9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2bc57da */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f61b131 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e04177b *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f65e713 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-accec52 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-68cb3e1 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c577e14 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-80ec8ae *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bf08838 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cc4c461 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3372de4 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e9138 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6184d89 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-37e2c62 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71aea5f *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-96dd503 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a4cbf0 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d991818 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0fc2 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bfd449c *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e86ccd3 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-75200a2 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-020f497 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9275cf8 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-296b3a9 *//* Centrar títulos y cambiar color base a negro */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    text-align: center;
    color: #000000 !important;
    padding: 10px 0;
    margin: 0;
    font-size: 1.1em; /* Ajusta según tu gusto */
    
    /* Forzar misma altura para igualar filas */
    display: block;
    min-height: 100px; /* Ajusta este valor según el título más largo */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Estilo base del botón "Añadir al carrito" */
.woocommerce ul.products li.product .button {
    display: table !important; /* Permite el centrado con margin auto */
    margin: 15px auto 10px auto !important; /* Centrado horizontal */
    padding: 8px 15px !important; /* Espaciado interno */
    
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Texto blanco */
    font-size: 8px !important; /* Fuente pequeña */
    text-transform: uppercase; /* Opcional: texto en mayúsculas */
    font-weight: 600;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    
    /* Sombra del botón */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover: Fondo rojo oscuro y sombra más intensa */
.woocommerce ul.products li.product .button:hover {
    background-color: #8B0000 !important; /* Rojo oscuro */
    color: #ffffff !important;
    
    /* Sombra más pronunciada al pasar el ratón */
    box-shadow: 0px 6px 15px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ajuste para contenedores que puedan bloquear el centrado */
.woocommerce ul.products li.product .add_to_cart_button {
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d664640 */.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 5px;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 15px !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 4px;
    text-decoration: none;
}

/* Página actual en negro como tus botones */
.woocommerce-pagination ul li span.current {
    background-color: #000000 !important;
    color: #fff !important;
}

/* Efecto hover en rojo oscuro */
.woocommerce-pagination ul li a:hover {
    background-color: #8B0000 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-d20995c *//* Cambia el tamaño del título del producto en la cuadrícula */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 10px !important;
}
/* Botón pequeño en la lista de productos y página individual */
.woocommerce ul.products li.product .button, 
.woocommerce div.product .button.alt {
    font-size: 13px !important;    /* Texto pequeño */
    padding: 8px 16px !important;  /* Menos relleno */
    font-weight: 500 !important;   /* No tan grueso */
    min-height: auto !important;   /* Elimina alturas mínimas forzadas */
}
/* Centrar texto dentro del botón */
.woocommerce ul.products li.product .button, 
.woocommerce div.product .button.alt {
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* 1. Forzar que la tarjeta del producto sea un contenedor flexible */
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 2. Empujar el contenido inferior (precio y botón) hacia abajo */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 50px; /* Ajusta este valor según el título más largo */
    margin-bottom: 10px !important;
}

/* 3. El truco mágico: empujar el botón al final de la tarjeta */
.woocommerce ul.products li.product .button {
    margin-top: auto !important;
    align-self: center !important; /* Mantiene el centrado que pediste antes */
}

/* 4. Alinear el precio también si fuera necesario */
.woocommerce ul.products li.product .price {
    margin-bottom: 15px !important;
}/* End custom CSS */