.elementor-19 .elementor-element.elementor-element-f64ebd8{--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:80px 80px;--row-gap:80px;--column-gap:80px;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-f64ebd8:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-f64ebd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#04100B;}.elementor-19 .elementor-element.elementor-element-970f8b9{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-42a7f5a{background-color:#192010;padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EDD160;border-radius:15px 15px 15px 15px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-42a7f5a.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-42a7f5a .elementor-icon-list-icon i{color:#EDD160;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-42a7f5a .elementor-icon-list-icon svg{fill:#EDD160;transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-42a7f5a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-42a7f5a .elementor-icon-list-item > a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:400;line-height:16px;}.elementor-19 .elementor-element.elementor-element-42a7f5a .elementor-icon-list-text{color:#EDD160;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-e96292f{text-align:start;}.elementor-19 .elementor-element.elementor-element-e96292f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );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-19 .elementor-element.elementor-element-5c25b67{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-5c25b67 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-46f5119{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:1em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-386a1c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-c7bb546 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-19 .elementor-element.elementor-element-c7bb546 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-c7bb546 .elementor-icon{font-size:20px;}.elementor-19 .elementor-element.elementor-element-c7bb546 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-c7bb546 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:600;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-c7bb546 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-a573894{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-22303db .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-19 .elementor-element.elementor-element-22303db .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-22303db .elementor-icon{font-size:20px;}.elementor-19 .elementor-element.elementor-element-22303db .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-22303db .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:600;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-22303db .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-135a2dc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-4a7bb31 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-19 .elementor-element.elementor-element-4a7bb31 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-4a7bb31.elementor-view-stacked .elementor-icon{background-color:#E3BA33;}.elementor-19 .elementor-element.elementor-element-4a7bb31.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-4a7bb31.elementor-view-default .elementor-icon{fill:#E3BA33;color:#E3BA33;border-color:#E3BA33;}.elementor-19 .elementor-element.elementor-element-4a7bb31 .elementor-icon{font-size:20px;}.elementor-19 .elementor-element.elementor-element-4a7bb31 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-4a7bb31 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:600;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-4a7bb31 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-d48c619{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3BA333B;--border-color:#E3BA333B;--border-radius:10px 10px 10px 10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-6b798bb{text-align:center;}.elementor-19 .elementor-element.elementor-element-6b798bb .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:16px;font-weight:700;text-transform:none;line-height:24px;color:#F6E69D;}.elementor-19 .elementor-element.elementor-element-76fee5c{text-align:center;font-family:"Inter", Sans-serif;font-size:9px;font-weight:400;text-transform:none;line-height:14px;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-5bbfdf2{--divider-border-style:solid;--divider-color:#E3BA334D;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-5bbfdf2 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-5bbfdf2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-19 .elementor-element.elementor-element-c07681d img{border-radius:10px 10px 10px 10px;}.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 );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-19 .elementor-element.elementor-element-f2d0afc{--display:flex;}.elementor-19 .elementor-element.elementor-element-9a13d45{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-24b22bc .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-24b22bc .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-24b22bc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-24b22bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-24b22bc .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:10px;font-weight:400;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-24b22bc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-ad68a0f{--display:flex;}.elementor-19 .elementor-element.elementor-element-2bf9da0{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-236e387 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-236e387 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-236e387{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-236e387 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-236e387 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:10px;font-weight:400;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-236e387 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-5c5e18f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-8cf64eb{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF29;--border-color:#FFFFFF29;--border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-1b45b91{text-align:start;font-family:"Cinzel", Sans-serif;font-size:10px;font-weight:500;text-transform:none;line-height:16px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-1b45b91 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-d53aac9{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0em 0em 0em 0em;--n-tabs-title-gap:10px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:9px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-d53aac9 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-19 .elementor-element.elementor-element-d53aac9.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-d53aac9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-19 .elementor-element.elementor-element-d53aac9.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-primary );}.elementor-19 .elementor-element.elementor-element-d53aac9.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:"Cinzel", Sans-serif;font-weight:700;text-transform:uppercase;line-height:14px;}.elementor-19 .elementor-element.elementor-element-d53aac9 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-dda5564{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1b8f244{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-6ee49f3{text-align:start;font-family:"Inter", Sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;line-height:14px;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-6ee49f3 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-799078f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-f7830d9{text-align:end;font-family:"Inter", Sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;line-height:14px;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-f7830d9 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-52d34bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-52d34bf:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-52d34bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFCF9;}.elementor-19 .elementor-element.elementor-element-5bd36a2{--display:flex;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:19px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );font-family:"Cinzel", Sans-serif;font-size:16px;font-weight:800;text-transform:none;line-height:24px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .button{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;line-height:16px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-19 .elementor-element.elementor-element-2edc218{--display:flex;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-2edc218.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-5602ce1{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-5602ce1:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-5602ce1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-79dd51e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1464ee6{background-color:#FAF5FF;padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#924CC429;border-radius:15px 15px 15px 15px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-1464ee6.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-icon i{color:#924CC4;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-icon svg{fill:#924CC4;transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-item > a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:400;line-height:16px;}.elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-text{color:#924CC4;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-88df006{text-align:start;}.elementor-19 .elementor-element.elementor-element-88df006 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:36px;font-weight:800;line-height:50px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-4c6e596{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:23px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-4c6e596 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-1c105cf{--divider-border-style:solid;--divider-color:#E3BA334A;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-1c105cf .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-1c105cf .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-19 .elementor-element.elementor-element-04cc3bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-761bd99{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-a826008 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-a826008 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-a826008 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-a826008 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-a826008:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-a826008:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-a826008 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-6529d46{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-05706cb .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-05706cb .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-05706cb .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-05706cb .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-05706cb:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-05706cb:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-05706cb .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-74024ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-4a9df69 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-4a9df69 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-4a9df69 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-4a9df69 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-4a9df69:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-4a9df69:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-4a9df69 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-dcb54af{--display:flex;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-0552e53{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-19 .elementor-element.elementor-element-0552e53:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-0552e53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-a7251ed{text-align:center;}.elementor-19 .elementor-element.elementor-element-a7251ed .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;line-height:16px;}.elementor-19 .elementor-element.elementor-element-17e4dc0 img{border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-d4d26ad{text-align:center;font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;text-transform:none;line-height:20px;color:#0E3F28;}.elementor-19 .elementor-element.elementor-element-d4d26ad p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-db27560{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-fe6d2f4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E3BA3361;--border-color:#E3BA3361;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-a4e72ef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-2e5517b .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-2e5517b .elementor-icon-box-title{margin-block-end:1px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-2e5517b .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-2e5517b .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-19 .elementor-element.elementor-element-2e5517b:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-2e5517b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-2e5517b .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-954eb37{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-ad40e8f .elementor-button{background-color:#06170F00;font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:700;text-transform:none;line-height:16px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-ad40e8f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-19 .elementor-element.elementor-element-fc7a913{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:19px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );font-family:"Cinzel", Sans-serif;font-size:16px;font-weight:800;text-transform:none;line-height:24px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .button{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;line-height:16px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-19 .elementor-element.elementor-element-354485a{--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;--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-354485a:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-354485a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-6df3ac4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-15b9589 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-19 .elementor-element.elementor-element-15b9589 .elementor-icon-box-title{margin-block-end:1px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-15b9589.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-19 .elementor-element.elementor-element-15b9589.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-15b9589.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-19 .elementor-element.elementor-element-15b9589.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-19 .elementor-element.elementor-element-15b9589.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-19 .elementor-element.elementor-element-15b9589.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-15b9589 .elementor-icon{font-size:20px;}.elementor-19 .elementor-element.elementor-element-15b9589 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-15b9589 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:20px;font-weight:700;line-height:28px;}.elementor-19 .elementor-element.elementor-element-15b9589:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-15b9589:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-15b9589 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-580e303{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-62e796b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF36;--border-color:#FFFFFF36;--border-radius:10px 10px 10px 10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-62e796b:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-62e796b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B291C38;}.elementor-19 .elementor-element.elementor-element-7d3d81a .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-7d3d81a .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-7d3d81a .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-7d3d81a .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:900;line-height:20px;}.elementor-19 .elementor-element.elementor-element-7d3d81a:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-7d3d81a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-7d3d81a .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:16px;color:#E5DAC1;}.elementor-19 .elementor-element.elementor-element-b019905{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF36;--border-color:#FFFFFF36;--border-radius:10px 10px 10px 10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-b019905:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-b019905 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B291C38;}.elementor-19 .elementor-element.elementor-element-2754e2c .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-2754e2c .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-2754e2c .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-2754e2c .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:900;line-height:20px;}.elementor-19 .elementor-element.elementor-element-2754e2c:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-2754e2c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-2754e2c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:16px;color:#E5DAC1;}.elementor-19 .elementor-element.elementor-element-aa361df{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF36;--border-color:#FFFFFF36;--border-radius:10px 10px 10px 10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-aa361df:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-aa361df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B291C38;}.elementor-19 .elementor-element.elementor-element-e5c78d5 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-e5c78d5 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-e5c78d5 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-e5c78d5 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:900;line-height:20px;}.elementor-19 .elementor-element.elementor-element-e5c78d5:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-e5c78d5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-e5c78d5 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:16px;color:#E5DAC1;}.elementor-19 .elementor-element.elementor-element-daa01ab{--display:flex;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-ad85e9e{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-ad85e9e:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-ad85e9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-757672e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-fa208d9{background-color:#FFFBEB;padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E3BA333B;border-radius:15px 15px 15px 15px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-fa208d9.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-item > a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:16px;}.elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-2193a9d{text-align:start;}.elementor-19 .elementor-element.elementor-element-2193a9d .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:36px;font-weight:800;line-height:50px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-60c8bb3{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:23px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-60c8bb3 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-1488758{--divider-border-style:solid;--divider-color:#E3BA334A;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-1488758 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-1488758 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-19 .elementor-element.elementor-element-549f56a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-24169b7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-a37708e .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-a37708e .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-a37708e .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-a37708e .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-a37708e:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-a37708e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-a37708e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-bb0032f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-994d12e .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-994d12e .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-994d12e .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-994d12e .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-994d12e:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-994d12e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-994d12e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-5b83035{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1184655 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-1184655 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-1184655 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-1184655 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-1184655:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-1184655:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-1184655 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-63185d1{--display:flex;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-5d30ab3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-19 .elementor-element.elementor-element-5d30ab3:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-5d30ab3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-71abcdc{text-align:center;}.elementor-19 .elementor-element.elementor-element-71abcdc .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;line-height:16px;}.elementor-19 .elementor-element.elementor-element-8f00256 img{border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-32b0d50{text-align:center;font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;text-transform:none;line-height:20px;color:#0E3F28;}.elementor-19 .elementor-element.elementor-element-32b0d50 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-522c575{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-fdc60c2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E3BA3361;--border-color:#E3BA3361;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-ffc70f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e9be5d4 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-e9be5d4 .elementor-icon-box-title{margin-block-end:1px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-e9be5d4 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-e9be5d4 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-19 .elementor-element.elementor-element-e9be5d4:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-e9be5d4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-e9be5d4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-81e19d7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-f9c8fb3 .elementor-button{background-color:#06170F00;font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:700;text-transform:none;line-height:16px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-f9c8fb3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-19 .elementor-element.elementor-element-af3e963{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:19px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );font-family:"Cinzel", Sans-serif;font-size:16px;font-weight:800;text-transform:none;line-height:24px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .button{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;line-height:16px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-19 .elementor-element.elementor-element-18e47af{--display:flex;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-40cfe2d{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-40cfe2d:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-40cfe2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-abe1bfb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-d221c7f{background-color:#FFF1F2;padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC003F40;border-radius:15px 15px 15px 15px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-d221c7f.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-icon i{color:#EC003F;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-icon svg{fill:#EC003F;transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-item > a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:400;line-height:16px;}.elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-text{color:#EC003F;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-f3a43ef{text-align:start;}.elementor-19 .elementor-element.elementor-element-f3a43ef .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:36px;font-weight:800;line-height:50px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-8d3a069{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:23px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-8d3a069 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-5280f79{--divider-border-style:solid;--divider-color:#E3BA334A;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-5280f79 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-5280f79 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-19 .elementor-element.elementor-element-19b36df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-1c4bd2b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-04a49f7 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-04a49f7 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-04a49f7 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-04a49f7 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-04a49f7:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-04a49f7:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-04a49f7 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-91cd458{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-d55c64c .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-d55c64c .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-d55c64c .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-d55c64c .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-d55c64c:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-d55c64c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-d55c64c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-0c7abcd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-b282b1d .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-b282b1d .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-b282b1d .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-b282b1d .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-b282b1d:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-b282b1d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-b282b1d .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-1998ba5{--display:flex;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-5609c85{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-19 .elementor-element.elementor-element-5609c85:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-5609c85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-e6460e0{text-align:center;}.elementor-19 .elementor-element.elementor-element-e6460e0 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;line-height:16px;}.elementor-19 .elementor-element.elementor-element-3307a73 img{border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-4dfcb5b{text-align:center;font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;text-transform:none;line-height:20px;color:#0E3F28;}.elementor-19 .elementor-element.elementor-element-4dfcb5b p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-d1ce2bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-4beb354{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E3BA3361;--border-color:#E3BA3361;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-66e6c4b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-7b77e2d .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-7b77e2d .elementor-icon-box-title{margin-block-end:1px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-7b77e2d .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-7b77e2d .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-19 .elementor-element.elementor-element-7b77e2d:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-7b77e2d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-7b77e2d .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-ae61915{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-a2daeb5 .elementor-button{background-color:#06170F00;font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:700;text-transform:none;line-height:16px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-a2daeb5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-19 .elementor-element.elementor-element-c435ead{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:19px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );font-family:"Cinzel", Sans-serif;font-size:16px;font-weight:800;text-transform:none;line-height:24px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .button{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;line-height:16px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-19 .elementor-element.elementor-element-c5a49fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-9551fba{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-9551fba:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-9551fba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-8ff033d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-4a9657d{background-color:#ECFDF5;padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0099663D;border-radius:15px 15px 15px 15px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-4a9657d.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-icon i{color:#009966;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-icon svg{fill:#009966;transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-item > a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:400;line-height:16px;}.elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-text{color:#009966;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-a78a60b{text-align:start;}.elementor-19 .elementor-element.elementor-element-a78a60b .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:36px;font-weight:800;line-height:50px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-4f6b65c{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:23px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-4f6b65c p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-8b23f40{--divider-border-style:solid;--divider-color:#E3BA334A;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-8b23f40 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-8b23f40 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-19 .elementor-element.elementor-element-59cee46{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-c6483b5{text-align:start;}.elementor-19 .elementor-element.elementor-element-c6483b5 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;line-height:16px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-d1333de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-cca6168{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:5px 5px 5px 5px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-cca6168:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-cca6168 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-eea3707 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-eea3707 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-eea3707 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-eea3707 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-eea3707:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-eea3707:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-eea3707 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-d9dd341{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:5px 5px 5px 5px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-d9dd341:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-d9dd341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-f674034 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-f674034 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-f674034 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-f674034 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-f674034:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-f674034:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-f674034 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-1fe7865{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-19 .elementor-element.elementor-element-1799003{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:5px 5px 5px 5px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-1799003:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-1799003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-1eeb434 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-1eeb434 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-1eeb434 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-1eeb434 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-1eeb434:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-1eeb434:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-1eeb434 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-2758547{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:5px 5px 5px 5px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-2758547:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-2758547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-b0c2e92 .elementor-icon-box-wrapper{text-align:start;}.elementor-19 .elementor-element.elementor-element-b0c2e92 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-b0c2e92 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-b0c2e92 .elementor-icon-box-title a{font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:800;text-transform:none;line-height:16px;}.elementor-19 .elementor-element.elementor-element-b0c2e92:has(:hover) .elementor-icon-box-title,
					 .elementor-19 .elementor-element.elementor-element-b0c2e92:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-b0c2e92 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:17px;color:#1E293B;}.elementor-19 .elementor-element.elementor-element-50057df{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 4px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:4px;border-color:#461901;--border-color:#461901;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-50057df:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-50057df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF5E5;}.elementor-19 .elementor-element.elementor-element-c2e650f{text-align:start;font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:500;text-transform:none;line-height:20px;color:#461901;}.elementor-19 .elementor-element.elementor-element-c2e650f p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-af8a839{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-92e7e21{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:10px 10px 10px 10px;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-19 .elementor-element.elementor-element-92e7e21:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-92e7e21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EBD9;}.elementor-19 .elementor-element.elementor-element-5939ec4{text-align:center;}.elementor-19 .elementor-element.elementor-element-5939ec4 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:800;line-height:20px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-4f112f3{text-align:center;font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:none;line-height:15px;}.elementor-19 .elementor-element.elementor-element-4f112f3 p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-c7b9aa4{--divider-border-style:solid;--divider-color:#E3BA334A;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-c7b9aa4 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-c7b9aa4 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;line-height:15px;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-type-html{padding-bottom:0px;font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;text-transform:none;line-height:26px;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group .elementor-field{color:#00000082;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group .elementor-field, .elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:capitalize;line-height:16px;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-19 .elementor-element.elementor-element-130f0d3{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-19 .elementor-element.elementor-element-784e337{--divider-border-style:solid;--divider-color:#E3BA334A;--divider-border-width:1px;}.elementor-19 .elementor-element.elementor-element-784e337 .elementor-divider-separator{width:100%;}.elementor-19 .elementor-element.elementor-element-784e337 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-19 .elementor-element.elementor-element-36a609c{text-align:start;}.elementor-19 .elementor-element.elementor-element-36a609c .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;line-height:15px;color:#04100B;}.elementor-19 .elementor-element.elementor-element-5c0504a{text-align:start;font-family:"Inter", Sans-serif;font-size:11px;font-weight:300;text-transform:none;line-height:17px;}.elementor-19 .elementor-element.elementor-element-5c0504a p{margin-block-end:1px;}.elementor-19 .elementor-element.elementor-element-26bb41b .elementor-button{background-color:var( --e-global-color-primary );font-family:"Cinzel", Sans-serif;font-size:12px;font-weight:700;line-height:16px;fill:var( --e-global-color-text );color:var( --e-global-color-text );padding:8px 12px 8px 12px;}.elementor-19 .elementor-element.elementor-element-c85a893{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0em 0em 0em 0em;--n-tabs-title-gap:45px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:20px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-c85a893 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-19 .elementor-element.elementor-element-c85a893.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F9F6EF;}.elementor-19 .elementor-element.elementor-element-c85a893 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-19 .elementor-element.elementor-element-e96292f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19 .elementor-element.elementor-element-5c25b67{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.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 ){line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-d53aac9{--n-tabs-title-gap:20px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-40cfe2d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-c5a49fb{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-c85a893{--n-tabs-title-gap:20px;}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-19 .elementor-element.elementor-element-e96292f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19 .elementor-element.elementor-element-5c25b67{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.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 ){line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-d53aac9{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:5px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:12px;line-height:16px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-19 .elementor-element.elementor-element-aac73bd.elementor-wc-products ul.products li.product .button{font-size:10px;line-height:14px;}.elementor-19 .elementor-element.elementor-element-5602ce1{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-1464ee6 .elementor-icon-list-item > a{font-size:9px;}.elementor-19 .elementor-element.elementor-element-88df006 .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:12px;line-height:16px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-19 .elementor-element.elementor-element-abfb360.elementor-wc-products ul.products li.product .button{font-size:10px;line-height:14px;}.elementor-19 .elementor-element.elementor-element-ad85e9e{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-fa208d9 .elementor-icon-list-item > a{font-size:8px;}.elementor-19 .elementor-element.elementor-element-2193a9d .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:12px;line-height:16px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-19 .elementor-element.elementor-element-a086adb.elementor-wc-products ul.products li.product .button{font-size:10px;line-height:14px;}.elementor-19 .elementor-element.elementor-element-40cfe2d{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-d221c7f .elementor-icon-list-item > a{font-size:9px;line-height:14px;}.elementor-19 .elementor-element.elementor-element-f3a43ef .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:12px;line-height:16px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-19 .elementor-element.elementor-element-8713731.elementor-wc-products ul.products li.product .button{font-size:10px;line-height:14px;}.elementor-19 .elementor-element.elementor-element-9551fba{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-4a9657d .elementor-icon-list-item > a{font-size:9px;}.elementor-19 .elementor-element.elementor-element-a78a60b .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-19 .elementor-element.elementor-element-92e7e21{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-19 .elementor-element.elementor-element-c85a893{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:5px;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-f64ebd8{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-970f8b9{--width:65%;}.elementor-19 .elementor-element.elementor-element-d48c619{--width:35%;}.elementor-19 .elementor-element.elementor-element-52d34bf{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-2edc218{--width:100%;}.elementor-19 .elementor-element.elementor-element-5602ce1{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-79dd51e{--width:70%;}.elementor-19 .elementor-element.elementor-element-dcb54af{--width:30%;}.elementor-19 .elementor-element.elementor-element-354485a{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-ad85e9e{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-757672e{--width:70%;}.elementor-19 .elementor-element.elementor-element-63185d1{--width:30%;}.elementor-19 .elementor-element.elementor-element-18e47af{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-abe1bfb{--width:70%;}.elementor-19 .elementor-element.elementor-element-1998ba5{--width:30%;}.elementor-19 .elementor-element.elementor-element-c5a49fb{--content-width:1288px;}.elementor-19 .elementor-element.elementor-element-9551fba{--width:60%;}.elementor-19 .elementor-element.elementor-element-8ff033d{--width:100%;}.elementor-19 .elementor-element.elementor-element-af8a839{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-d48c619{--width:35%;}.elementor-19 .elementor-element.elementor-element-757672e{--width:70%;}.elementor-19 .elementor-element.elementor-element-63185d1{--width:30%;}.elementor-19 .elementor-element.elementor-element-abe1bfb{--width:70%;}.elementor-19 .elementor-element.elementor-element-1998ba5{--width:30%;}.elementor-19 .elementor-element.elementor-element-5609c85{--width:100%;}.elementor-19 .elementor-element.elementor-element-9551fba{--width:100%;}.elementor-19 .elementor-element.elementor-element-92e7e21{--width:100%;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-aac73bd */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-abfb360 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a086adb */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8713731 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-aac73bd */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-abfb360 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a086adb */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8713731 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-aac73bd */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-abfb360 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a086adb */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8713731 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-aac73bd */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-abfb360 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a086adb */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8713731 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-aac73bd */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-abfb360 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a086adb */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8713731 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-aac73bd */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-abfb360 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a086adb */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8713731 */<style>
/* ==========================================
   ESTILOS DE LA CUADRÍCULA Y TARJETAS
   ========================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fbf9f4 !important;
    border: 1px solid #e2dbcd !important;
    border-radius: 6px !important;
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 4px;
    margin-bottom: 12px;
    height: 220px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* Botones inferiores en las tarjetas */
.custom-product-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

.btn-abrir-modal {
    flex: 1;
    background: transparent !important;
    border: 1px solid #333 !important;
    color: #222 !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-transform: uppercase;
}

.btn-abrir-modal:hover {
    background: #222 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button {
    flex: 1.5;
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #d2aa35 !important;
    color: #000 !important;
}

/* ==========================================
   ESTILOS DE LA VENTANA MODAL (DETALLE)
   ========================================== */
.numismatica-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.numismatica-modal-content {
    background-color: #fbf9f4;
    border: 1px solid #e2dbcd;
    border-radius: 8px;
    max-width: 900px;
    width: 100%;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    gap: 35px;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}

.numismatica-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #777;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.numismatica-modal-close:hover {
    background: #333;
}

.modal-left-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal-left-col img {
    width: 100%;
    height: auto;
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

.modal-garantia {
    font-size: 12px;
    color: #2b5c3f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-right-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.modal-tag-top {
    font-size: 11px;
    font-weight: bold;
    color: #9c7b2a;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.modal-right-col h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.modal-anio-emision {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin-bottom: 20px;
}

.modal-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: #f4efe4;
    border: 1px solid #e8e0d0;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.modal-spec-item {
    font-size: 11px;
    color: #555;
}

.modal-spec-item strong {
    display: block;
    color: #1a1a1a;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modal-resena-title {
    font-size: 11px;
    font-weight: bold;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.modal-resena-box {
    background: #fff;
    border: 1px solid #e8e0d0;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 25px;
}

.modal-footer-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e8e0d0;
    padding-top: 20px;
}

.modal-valoracion-label {
    font-size: 10px;
    font-weight: bold;
    color: #777;
    display: block;
}

.modal-valoracion-amount {
    font-size: 24px;
    font-weight: bold;
    color: #111;
}

.modal-btn-adquirir {
    background-color: #dfb845 !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.modal-btn-adquirir:hover {
    background-color: #d2aa35 !important;
}

@media(max-width: 768px) {
    .numismatica-modal-content {
        flex-direction: column;
        padding: 20px;
    }
}
</style>

<!-- Shortcode nativo para listar los productos -->
[products limit="4" columns="4" orderby="date" order="DESC"]

<!-- Estructura de la Ventana Modal Estilizada -->
<div id="numismaticaModal" class="numismatica-modal-overlay">
    <div class="numismatica-modal-content">
        <button class="numismatica-modal-close">&times;</button>
        
        <div class="modal-left-col">
            <img id="mImg" src="" alt="Imagen de pieza">
            <div class="modal-garantia">
                🛡️ Autenticidad numismática 100% garantizada
            </div>
        </div>
        
        <div class="modal-right-col">
            <div class="modal-tag-top">📜 BILLETE FIDUCIARIO</div>
            <h2 id="mTitle">Título del producto</h2>
            <div class="modal-anio-emision">AÑO DE EMISIÓN: <span id="mAnio">1962</span></div>
            
            <div class="modal-specs-grid">
                <div class="modal-spec-item">
                    <strong>🌐 Procedencia</strong>
                    <span id="mProcedencia">Colección General</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📜 Catalogación / Estado</strong>
                    <span id="mEstado">Estado UNC (Sin Circular)</span>
                </div>
                <div class="modal-spec-item">
                    <strong>⚖️ Material</strong>
                    <span id="mMaterial">No aplica</span>
                </div>
                <div class="modal-spec-item">
                    <strong>📦 Disponibilidad en stock</strong>
                    <span id="mStock" style="color: #2b5c3f; font-weight: bold;">Disponible</span>
                </div>
            </div>
            
            <div class="modal-resena-title">Reseña de coleccionista:</div>
            <div class="modal-resena-box" id="mResena">
                Descripción detallada de la pieza numismática...
            </div>
            
            <div class="modal-footer-action">
                <div>
                    <span class="modal-valoracion-label">VALORACIÓN ACTUAL</span>
                    <div class="modal-valoracion-amount" id="mPrice">$0.00</div>
                </div>
                <div id="mCartContainer"></div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const modal = document.getElementById("numismaticaModal");
    const closeBtn = document.querySelector(".numismatica-modal-close");

    // Inyectar el botón "VER FICHA" a cada tarjeta de producto tras un breve respiro del DOM
    setTimeout(function() {
        const products = document.querySelectorAll("ul.products li.product");
        products.forEach(product => {
            const addCartBtn = product.querySelector('.button');
            if (addCartBtn && !product.querySelector('.btn-abrir-modal')) {
                const actionsDiv = document.createElement('div');
                actionsDiv.className = 'custom-product-actions';
                
                const btnVerFicha = document.createElement('button');
                btnVerFicha.className = 'btn-abrir-modal';
                btnVerFicha.innerText = 'VER FICHA';
                
                // Extraer datos del producto
                const titleEl = product.querySelector('.woocommerce-loop-product__title');
                const priceEl = product.querySelector('.price');
                const imgEl = product.querySelector('img');
                
                const pTitle = titleEl ? titleEl.innerText : 'Pieza Numismática';
                const pPrice = priceEl ? priceEl.innerHTML : '';
                const pImg = imgEl ? imgEl.src : '';
                
                btnVerFicha.addEventListener('click', function(e) {
                    e.preventDefault();
                    document.getElementById('mTitle').innerText = pTitle;
                    document.getElementById('mPrice').innerHTML = pPrice;
                    document.getElementById('mImg').src = pImg;
                    document.getElementById('mResena').innerText = "Pieza de colección verificada. Emisión histórica seleccionada para coleccionistas.";
                    
                    // Clonar el botón de añadir al carrito hacia el modal
                    const cartContainer = document.getElementById('mCartContainer');
                    cartContainer.innerHTML = '';
                    const clonedCart = addCartBtn.cloneNode(true);
                    clonedCart.className = 'modal-btn-adquirir';
                    clonedCart.innerText = 'ADQUIRIR PIEZA';
                    cartContainer.appendChild(clonedCart);

                    modal.style.display = "flex";
                });
                
                actionsDiv.appendChild(btnVerFicha);
                actionsDiv.appendChild(addCartBtn);
                product.appendChild(actionsDiv);
            }
        });
    }, 400);

    // Cerrar modal
    if (closeBtn) {
        closeBtn.addEventListener('click', () => modal.style.display = "none");
    }
    window.addEventListener('click', (e) => { 
        if (e.target == modal) modal.style.display = "none"; 
    });
});
</script>/* End custom CSS */