.elementor-12586 .elementor-element.elementor-element-149c20a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12586 .elementor-element.elementor-element-5ac140d{text-align:center;}.elementor-12586 .elementor-element.elementor-element-5ac140d .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-a37f70e{--divider-border-style:solid;--divider-color:#B11506;--divider-border-width:3px;}.elementor-12586 .elementor-element.elementor-element-a37f70e > .elementor-widget-container{margin:15px 0px 15px 0px;}.elementor-12586 .elementor-element.elementor-element-a37f70e .elementor-divider-separator{width:12%;margin:0 auto;margin-center:0;}.elementor-12586 .elementor-element.elementor-element-a37f70e .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-12586 .elementor-element.elementor-element-23918fa{--e-image-carousel-slides-to-show:4;}.elementor-12586 .elementor-element.elementor-element-23918fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12586 .elementor-element.elementor-element-a98f050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12586 .elementor-element.elementor-element-777b60c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12586 .elementor-element.elementor-element-5b0d692{text-align:center;}.elementor-12586 .elementor-element.elementor-element-5b0d692 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-081464c{text-align:center;}.elementor-12586 .elementor-element.elementor-element-264afe1{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12586 .elementor-element.elementor-element-65c253f{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12586 .elementor-element.elementor-element-d38c1f9{text-align:center;}.elementor-12586 .elementor-element.elementor-element-d38c1f9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-b5bbcfd{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-f39f5d6{text-align:center;}.elementor-12586 .elementor-element.elementor-element-f39f5d6 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-3302546 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-ed9b3b1{--display:flex;}.elementor-12586 .elementor-element.elementor-element-de413d4{text-align:center;}.elementor-12586 .elementor-element.elementor-element-de413d4 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-eb4fe9a{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-2d7352d .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-2e69b78 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-7795e15{--display:flex;}.elementor-12586 .elementor-element.elementor-element-78dbb0a{text-align:center;}.elementor-12586 .elementor-element.elementor-element-78dbb0a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-0b76387{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-4c3677c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-1ced2f4 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-b846365{--display:flex;}.elementor-12586 .elementor-element.elementor-element-1c48e58{text-align:center;}.elementor-12586 .elementor-element.elementor-element-1c48e58 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-330d98e{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-c8d8474 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-0a9aa2c .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-e62119a{--display:flex;}.elementor-12586 .elementor-element.elementor-element-a6bdad0{text-align:center;}.elementor-12586 .elementor-element.elementor-element-a6bdad0 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-ab1b29b{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-9d219c9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-cc0a0d2 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-666e5d9{--display:flex;}.elementor-12586 .elementor-element.elementor-element-1100158{text-align:center;}.elementor-12586 .elementor-element.elementor-element-1100158 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-5a19202{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-04e539c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-9dd9ad8 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-843a431{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:15px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#800000;--e-n-carousel-arrow-hover-color:#800000;}.elementor-12586 .elementor-element.elementor-element-906bd97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12586 .elementor-element.elementor-element-74b8ccf{--display:flex;}.elementor-12586 .elementor-element.elementor-element-8d987b7{text-align:center;}.elementor-12586 .elementor-element.elementor-element-8d987b7 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-d53a598{text-align:center;}.elementor-12586 .elementor-element.elementor-element-2f47f31{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12586 .elementor-element.elementor-element-efa985a{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12586 .elementor-element.elementor-element-005a29c{text-align:center;}.elementor-12586 .elementor-element.elementor-element-005a29c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-26cfbf8{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-0af9810{text-align:center;}.elementor-12586 .elementor-element.elementor-element-0af9810 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-23bd7e9 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-51f287d{--display:flex;}.elementor-12586 .elementor-element.elementor-element-8348912{text-align:center;}.elementor-12586 .elementor-element.elementor-element-8348912 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-9bc35a9{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-8d9365a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-3fc3617 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-5cdfd4d{--display:flex;}.elementor-12586 .elementor-element.elementor-element-f08f497{text-align:center;}.elementor-12586 .elementor-element.elementor-element-f08f497 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-9100b84{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-c8220e7 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-62aa290 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-a1c808b{--display:flex;}.elementor-12586 .elementor-element.elementor-element-be7d997{text-align:center;}.elementor-12586 .elementor-element.elementor-element-be7d997 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-04b7858{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-795a1e9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-b5e1b5e .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-7dd5f21{--display:flex;}.elementor-12586 .elementor-element.elementor-element-8d43b3f{text-align:center;}.elementor-12586 .elementor-element.elementor-element-8d43b3f .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-ff650ec{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-7135835 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-168437e .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-4a5fe15{--display:flex;}.elementor-12586 .elementor-element.elementor-element-e31ff73{text-align:center;}.elementor-12586 .elementor-element.elementor-element-e31ff73 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-310d602{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-eaab8c9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-d374bb7 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-03943da{--display:flex;}.elementor-12586 .elementor-element.elementor-element-4b912b4{text-align:center;}.elementor-12586 .elementor-element.elementor-element-4b912b4 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-8cb8b67{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-f6549bc .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-22203f8 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-355d758{--display:flex;}.elementor-12586 .elementor-element.elementor-element-1914906{text-align:center;}.elementor-12586 .elementor-element.elementor-element-1914906 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-7603be7{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-66a4a63 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-b4d3e6c .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-5fccafe{--display:flex;}.elementor-12586 .elementor-element.elementor-element-3d9a876{text-align:center;}.elementor-12586 .elementor-element.elementor-element-3d9a876 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12586 .elementor-element.elementor-element-665c977{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-12586 .elementor-element.elementor-element-59ea2a9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12586 .elementor-element.elementor-element-39ce878 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12586 .elementor-element.elementor-element-98d3dc7{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:15px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#800000;--e-n-carousel-arrow-hover-color:#800000;}.elementor-12586 .elementor-element.elementor-element-eef8ccb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12586 .elementor-element.elementor-element-759242e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12586 .elementor-element.elementor-element-f2fc86e img{border-radius:12px 12px 12px 12px;}.elementor-12586 .elementor-element.elementor-element-f02ebe3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12586 .elementor-element.elementor-element-f02ebe3:not(.elementor-motion-effects-element-type-background), .elementor-12586 .elementor-element.elementor-element-f02ebe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B11506;}.elementor-12586 .elementor-element.elementor-element-698acac .elementor-heading-title{font-size:16px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-1dae1f6{--divider-border-style:solid;--divider-color:#D93F3F;--divider-border-width:3px;}.elementor-12586 .elementor-element.elementor-element-1dae1f6 > .elementor-widget-container{margin:-4px 0px 10px 0px;}.elementor-12586 .elementor-element.elementor-element-1dae1f6 .elementor-divider-separator{width:23%;}.elementor-12586 .elementor-element.elementor-element-37fe84a .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-d489127 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12586 .elementor-element.elementor-element-d489127{font-size:17px;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-f788fd0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12586 .elementor-element.elementor-element-dbe307a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12586 .elementor-element.elementor-element-5a8d810 .elementor-icon-box-wrapper{gap:15px;}.elementor-12586 .elementor-element.elementor-element-5a8d810.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-5a8d810.elementor-view-framed .elementor-icon, .elementor-12586 .elementor-element.elementor-element-5a8d810.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-5a8d810 .elementor-icon{font-size:35px;}.elementor-12586 .elementor-element.elementor-element-5a8d810 .elementor-icon-box-title, .elementor-12586 .elementor-element.elementor-element-5a8d810 .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12586 .elementor-element.elementor-element-5a8d810 .elementor-icon-box-title{color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-702dfa8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12586 .elementor-element.elementor-element-8e71159 .elementor-icon-box-wrapper{gap:15px;}.elementor-12586 .elementor-element.elementor-element-8e71159.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-8e71159.elementor-view-framed .elementor-icon, .elementor-12586 .elementor-element.elementor-element-8e71159.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-8e71159 .elementor-icon{font-size:35px;}.elementor-12586 .elementor-element.elementor-element-8e71159 .elementor-icon-box-title, .elementor-12586 .elementor-element.elementor-element-8e71159 .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12586 .elementor-element.elementor-element-8e71159 .elementor-icon-box-title{color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-d64d28c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12586 .elementor-element.elementor-element-3d33c64 .elementor-icon-box-wrapper{gap:15px;}.elementor-12586 .elementor-element.elementor-element-3d33c64.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-3d33c64.elementor-view-framed .elementor-icon, .elementor-12586 .elementor-element.elementor-element-3d33c64.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-3d33c64 .elementor-icon{font-size:35px;}.elementor-12586 .elementor-element.elementor-element-3d33c64 .elementor-icon-box-title, .elementor-12586 .elementor-element.elementor-element-3d33c64 .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12586 .elementor-element.elementor-element-3d33c64 .elementor-icon-box-title{color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-e7d4280{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-12586 .elementor-element.elementor-element-c99dcf3 .elementor-heading-title{font-size:36px;font-weight:700;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-e8b6143 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12586 .elementor-element.elementor-element-e8b6143 .elementor-heading-title{color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-b4cebb0 .elementor-button{background-color:#FFFFFF;font-weight:700;text-transform:uppercase;fill:#B11506;color:#B11506;}.elementor-12586 .elementor-element.elementor-element-b4cebb0 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-12586 .elementor-element.elementor-element-dd497a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12586 .elementor-element.elementor-element-4563185{--spacer-size:15px;}.elementor-12586 .elementor-element.elementor-element-5f157dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12586 .elementor-element.elementor-element-5f157dc:not(.elementor-motion-effects-element-type-background), .elementor-12586 .elementor-element.elementor-element-5f157dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-12586 .elementor-element.elementor-element-2e39754{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12586 .elementor-element.elementor-element-d47e936 .elementor-heading-title{font-size:15px;font-weight:600;letter-spacing:0px;color:#B11506;}.elementor-12586 .elementor-element.elementor-element-60205c9 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-d9631eb > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12586 .elementor-element.elementor-element-d9631eb{font-size:17px;}.elementor-12586 .elementor-element.elementor-element-4cd3ed1 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-12586 .elementor-element.elementor-element-4cd3ed1{font-size:17px;}.elementor-12586 .elementor-element.elementor-element-acf8c0b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12586 .elementor-element.elementor-element-acf8c0b{font-size:17px;}.elementor-12586 .elementor-element.elementor-element-ea8d5e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-12586 .elementor-element.elementor-element-a32998e img{border-radius:250px 250px 250px 250px;}.elementor-12586 .elementor-element.elementor-element-cab462f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12586 .elementor-element.elementor-element-4911505{--spacer-size:15px;}.elementor-12586 .elementor-element.elementor-element-57e81a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12586 .elementor-element.elementor-element-99424b4 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-12586 .elementor-element.elementor-element-99424b4{text-align:center;}.elementor-12586 .elementor-element.elementor-element-99424b4 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-438e193 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-ae35b05 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-5adc65f .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-dfe708d .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12586 .elementor-element.elementor-element-1e5b03d{--display:flex;--min-height:230px;--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-radius:.75rem .75rem .75rem .75rem;--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12586 .elementor-element.elementor-element-1e5b03d:not(.elementor-motion-effects-element-type-background), .elementor-12586 .elementor-element.elementor-element-1e5b03d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12586 .elementor-element.elementor-element-9353bf6{--display:flex;--justify-content: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:#A80000;--border-color:#A80000;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-12586 .elementor-element.elementor-element-5e2bcf5 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-d2e882e > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12586 .elementor-element.elementor-element-d2e882e{font-size:17px;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-9ffe85f{--display:flex;--justify-content:center;}.elementor-12586 .elementor-element.elementor-element-59804f8 .elementor-button{background-color:#A80000;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-12586 .elementor-element.elementor-element-59804f8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12586 .elementor-element.elementor-element-59804f8 .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(min-width:768px){.elementor-12586 .elementor-element.elementor-element-759242e{--width:50%;}.elementor-12586 .elementor-element.elementor-element-f02ebe3{--width:50%;}.elementor-12586 .elementor-element.elementor-element-dbe307a{--width:33.3%;}.elementor-12586 .elementor-element.elementor-element-702dfa8{--width:33.3%;}.elementor-12586 .elementor-element.elementor-element-d64d28c{--width:33.3%;}.elementor-12586 .elementor-element.elementor-element-2e39754{--width:50%;}.elementor-12586 .elementor-element.elementor-element-ea8d5e9{--width:50%;}}@media(max-width:1024px){.elementor-12586 .elementor-element.elementor-element-843a431{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12586 .elementor-element.elementor-element-98d3dc7{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-12586 .elementor-element.elementor-element-b5bbcfd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12586 .elementor-element.elementor-element-f39f5d6.elementor-element{--align-self:center;}.elementor-12586 .elementor-element.elementor-element-f39f5d6{text-align:center;}.elementor-12586 .elementor-element.elementor-element-eb4fe9a{--justify-content:center;}.elementor-12586 .elementor-element.elementor-element-843a431{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12586 .elementor-element.elementor-element-26cfbf8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12586 .elementor-element.elementor-element-0af9810.elementor-element{--align-self:center;}.elementor-12586 .elementor-element.elementor-element-0af9810{text-align:center;}.elementor-12586 .elementor-element.elementor-element-9bc35a9{--justify-content:center;}.elementor-12586 .elementor-element.elementor-element-98d3dc7{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12586 .elementor-element.elementor-element-e7d4280{--justify-content:center;}}/* Start custom CSS for image-carousel, class: .elementor-element-23918fa *//* ==================================================
   CARRUSEL DE MARCAS
   Pegar en el CSS personalizado del widget
   ================================================== */

.elementor-12586 .elementor-element.elementor-element-23918fa {
    --sci-rojo: #A80000;
    --sci-negro: #222222;
    --sci-gris: #E6E6E6;

    position: relative;
    padding: 10px 55px 48px;
}


/* Alineación del carrusel */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-wrapper {
    align-items: stretch;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide {
    height: auto;
    padding: 5px;
    box-sizing: border-box;
}


/* ==================================================
   TARJETAS
   ================================================== */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-inner {
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 200px;
    padding: 35px 28px;
    box-sizing: border-box;

    background: #FFFFFF;
    border: 1px solid var(--sci-gris);
    border-radius: 8px;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* Línea roja inferior */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-inner::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 4px;
    background: var(--sci-rojo);

    transition: height 0.3s ease;
}


/* ==================================================
   LOGOTIPOS
   ================================================== */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-image {
    display: block;

    width: auto !important;
    max-width: 85% !important;
    height: auto !important;
    max-height: 95px !important;

    object-fit: contain;

    transition: transform 0.3s ease;
}


/* Si las imágenes tienen enlace */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-inner > a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    min-height: 150px;
}


/* ==================================================
   HOVER
   ================================================== */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide:hover .swiper-slide-inner {
    border-color: var(--sci-rojo);
    transform: translateY(-4px);

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.06),
        0 14px 28px rgba(168, 0, 0, 0.08);
}

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide:hover .swiper-slide-inner::before {
    height: 5px;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide:hover .swiper-slide-image {
    transform: scale(1.04);
}


/* ==================================================
   FLECHAS
   ================================================== */

.elementor-12586 .elementor-element.elementor-element-23918fa .elementor-swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    color: var(--sci-negro) !important;
    background: #FFFFFF;

    border: 1px solid #D8D8D8;
    border-radius: 50%;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .elementor-swiper-button:hover {
    color: #FFFFFF !important;
    background: var(--sci-rojo);
    border-color: var(--sci-rojo);
}

.elementor-12586 .elementor-element.elementor-element-23918fa .elementor-swiper-button svg {
    width: 17px;
    height: 17px;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .elementor-swiper-button-prev {
    left: 0;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .elementor-swiper-button-next {
    right: 0;
}


/* ==================================================
   PUNTOS
   ================================================== */

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-pagination {
    bottom: 20px !important;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px !important;

    background: #CFCFCF;
    opacity: 1;

    transition:
        width 0.25s ease,
        background-color 0.25s ease;
}

.elementor-12586 .elementor-element.elementor-element-23918fa .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 10px;
    background: var(--sci-rojo);
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1024px) {

    .elementor-12586 .elementor-element.elementor-element-23918fa {
        padding-right: 48px;
        padding-left: 48px;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-inner {
        min-height: 210px;
        padding: 30px 22px;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-image {
        max-width: 80% !important;
        max-height: 85px !important;
    }
}


/* ==================================================
   MÓVIL
   ================================================== */

@media (max-width: 767px) {

    .elementor-12586 .elementor-element.elementor-element-23918fa {
        padding: 5px 5px 42px;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide {
        padding: 4px;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-inner {
        min-height: 180px;
        padding: 25px 18px;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-image {
        max-width: 82% !important;
        max-height: 75px !important;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .elementor-swiper-button {
        display: none !important;
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-pagination {
        bottom: 5px !important;
    }
}
/* ==================================================
   LOGOTIPOS MÁS GRANDES — SOLO ESCRITORIO
   ================================================== */

@media (min-width: 1025px) {

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide-image {
        transform: scale(1.35);
    }

    .elementor-12586 .elementor-element.elementor-element-23918fa .swiper-slide:hover .swiper-slide-image {
        transform: scale(1.42);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-66dc268 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d38c1f9 */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f39f5d6 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3302546 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71f9e10 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de413d4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2d7352d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e69b78 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9b3b1 */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8441a62 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78dbb0a */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4c3677c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ced2f4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fae1be6 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1c48e58 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d8474 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a9aa2c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c0e198 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6bdad0 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d219c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cc0a0d2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-276c615 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1100158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04e539c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dd9ad8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-843a431 *//* =========================================
   TARJETA DE PRODUCTO
========================================= */

.elementor .tarjeta-horizontal-producto {
    display: flex;
    flex-direction: column;

    width: 100%;
    min-height: 330px;

    background: transparent;

    border: none;

    box-shadow: none;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.30s ease,
        box-shadow 0.30s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3de3dd3 */.imagen-producto {

    background-color: #ffffff;

    border-radius: 8px;

    padding: 16px;

    margin-bottom: 12px;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}


.imagen-producto .elementor-widget-container {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}


.imagen-producto img {

    max-height: 130px;

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.4s ease;

}


.imagen-producto:hover img {

    transform: scale(1.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-005a29c */.titulo-producto .elementor-heading-title {

    color: #0f172a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.3px;

    margin-bottom: 12px;

    text-align: left;


    border-left: 3px solid #D8232A;

    padding-left: 10px;


    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;


    height: 72px;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0af9810 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23bd7e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb813c4 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8348912 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d9365a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fc3617 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f287d */.elementor .tarjeta-producto-horizontal {
    display: flex;
    flex-direction: row;

    width: 100%;
    min-height: 250px;

    background: #FFFFFF;

    border: 1px solid rgba(23, 32, 51, 0.10);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.elementor .tarjeta-producto-horizontal:hover {
    transform: translateY(-4px);

    box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5febd3 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f08f497 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8220e7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62aa290 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf75abf */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-be7d997 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-795a1e9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b5e1b5e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d76cc11 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8d43b3f */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7135835 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-168437e *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c47665e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e31ff73 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eaab8c9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d374bb7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7beea87 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b912b4 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6549bc *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22203f8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9a52002 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1914906 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66a4a63 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4d3e6c *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76c2e1e */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.imagen-producto .elementor-widget-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.imagen-producto img {
    max-height: 140px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d9a876 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    border-left: 3px solid #D8232A;
    padding-left: 10px;
    
    /* Control de texto a máximo 2 líneas exactas */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-59ea2a9 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39ce878 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-98d3dc7 *//* =========================================
   TARJETA DE PRODUCTO
========================================= */

.elementor .tarjeta-horizontal-producto {
    display: flex;
    flex-direction: column;

    width: 100%;
    min-height: 330px;

    background: transparent;

    border: none;

    box-shadow: none;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.30s ease,
        box-shadow 0.30s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d47e936 *//* INFORMACIÓN DESTACADA + LÍNEA */

.elementor-12586 .elementor-element.elementor-element-d47e936 .elementor-heading-title {
    display: flex;
    align-items: center;
    gap: 16px;

    color: #A80000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.elementor-12586 .elementor-element.elementor-element-d47e936 .elementor-heading-title::after {
    content: "";
    display: block;
    flex: 0 0 70px;

    width: 70px;
    height: 2px;

    background: #A80000;
}

@media (max-width: 767px) {

    .elementor-12586 .elementor-element.elementor-element-d47e936 .elementor-heading-title {
        gap: 12px;
        font-size: 15px;
    }

    .elementor-12586 .elementor-element.elementor-element-d47e936 .elementor-heading-title::after {
        flex-basis: 45px;
        width: 45px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4cd3ed1 *//* LISTA DE APLICACIONES */

.elementor-12586 .elementor-element.elementor-element-4cd3ed1 ul {
    margin: 0;
    padding-left: 22px;
}

.elementor-12586 .elementor-element.elementor-element-4cd3ed1 li {
    margin-bottom: 8px;
    padding-left: 5px;

    color: #222222;
    font-size: 17px;
    line-height: 1.45;
}

.elementor-12586 .elementor-element.elementor-element-4cd3ed1 li:last-child {
    margin-bottom: 0;
}

.elementor-12586 .elementor-element.elementor-element-4cd3ed1 li::marker {
    color: #A80000;
    font-size: 1.1em;
}

@media (max-width: 767px) {

    .elementor-12586 .elementor-element.elementor-element-4cd3ed1 li {
        margin-bottom: 6px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-acf8c0b *//* RECOMENDACIÓN FINAL */

.elementor-12586 .elementor-element.elementor-element-acf8c0b .elementor-widget-container {
    padding: 7px 7px;

    background: #FFFFFF;
    border-left: 4px solid #A80000;
    border-radius: 0 5px 5px 0;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.035);
}

.elementor-12586 .elementor-element.elementor-element-acf8c0b p {
    margin: 0;

    color: #222222;
    font-size: 17px;
    line-height: 1.5;
}

@media (max-width: 767px) {

    .elementor-12586 .elementor-element.elementor-element-acf8c0b .elementor-widget-container {
        padding: 15px 16px;
    }

    .elementor-12586 .elementor-element.elementor-element-acf8c0b p {
        font-size: 16px;
    }
}/* End custom CSS */