.elementor-12864 .elementor-element.elementor-element-6ea5fbb{--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-12864 .elementor-element.elementor-element-372f104{text-align:center;}.elementor-12864 .elementor-element.elementor-element-372f104 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-e725189{--divider-border-style:solid;--divider-color:#B11506;--divider-border-width:3px;}.elementor-12864 .elementor-element.elementor-element-e725189 > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-12864 .elementor-element.elementor-element-e725189 .elementor-divider-separator{width:12%;margin:0 auto;margin-center:0;}.elementor-12864 .elementor-element.elementor-element-e725189 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-12864 .elementor-element.elementor-element-ca67dcd{--e-image-carousel-slides-to-show:4;}.elementor-12864 .elementor-element.elementor-element-ca67dcd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12864 .elementor-element.elementor-element-ca5dc4f{--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-12864 .elementor-element.elementor-element-1444513{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12864 .elementor-element.elementor-element-c5c1bf9{text-align:center;}.elementor-12864 .elementor-element.elementor-element-c5c1bf9 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-97fc0cf{text-align:center;}.elementor-12864 .elementor-element.elementor-element-b90f57b{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12864 .elementor-element.elementor-element-c78c019{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12864 .elementor-element.elementor-element-95a6e35{text-align:center;}.elementor-12864 .elementor-element.elementor-element-95a6e35 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-4031710{--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-12864 .elementor-element.elementor-element-832acb3{text-align:center;}.elementor-12864 .elementor-element.elementor-element-832acb3 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-c20a19f .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-9eeb724{--display:flex;}.elementor-12864 .elementor-element.elementor-element-d63101c{text-align:center;}.elementor-12864 .elementor-element.elementor-element-d63101c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-0435ac4{--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-12864 .elementor-element.elementor-element-52cbd5b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-2899b62 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-ae64c4b{--display:flex;}.elementor-12864 .elementor-element.elementor-element-6c81e6a{text-align:center;}.elementor-12864 .elementor-element.elementor-element-6c81e6a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-a1e5537{--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-12864 .elementor-element.elementor-element-64341ac .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-3c10e0e .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-f8cfd89{--display:flex;}.elementor-12864 .elementor-element.elementor-element-9c5a183{text-align:center;}.elementor-12864 .elementor-element.elementor-element-9c5a183 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-f8c362f{--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-12864 .elementor-element.elementor-element-3bed28a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-be2eca7 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-b16547e{--display:flex;}.elementor-12864 .elementor-element.elementor-element-82f5a0b{text-align:center;}.elementor-12864 .elementor-element.elementor-element-82f5a0b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-0d71405{--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-12864 .elementor-element.elementor-element-2fd2213 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-d576c67 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-8a3f2e7{--display:flex;}.elementor-12864 .elementor-element.elementor-element-b367cc6{text-align:center;}.elementor-12864 .elementor-element.elementor-element-b367cc6 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-a7568ea{--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-12864 .elementor-element.elementor-element-8074472 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-899e246 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-9e95982{--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;}.elementor-12864 .elementor-element.elementor-element-5110264{--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12864 .elementor-element.elementor-element-3180fab{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12864 .elementor-element.elementor-element-1b52a50{text-align:center;}.elementor-12864 .elementor-element.elementor-element-1b52a50 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-4ca4258{text-align:center;}.elementor-12864 .elementor-element.elementor-element-b67c93b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12864 .elementor-element.elementor-element-60cfd94{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12864 .elementor-element.elementor-element-f941f5f{text-align:center;}.elementor-12864 .elementor-element.elementor-element-f941f5f .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-0ae9c34{--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-12864 .elementor-element.elementor-element-2e2739a{text-align:center;}.elementor-12864 .elementor-element.elementor-element-2e2739a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-492de15 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-d1f3eeb{--display:flex;}.elementor-12864 .elementor-element.elementor-element-7ea959d{text-align:center;}.elementor-12864 .elementor-element.elementor-element-7ea959d .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-7cf3ddd{--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-12864 .elementor-element.elementor-element-099d76d .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-64ea533 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-03ba673{--display:flex;}.elementor-12864 .elementor-element.elementor-element-662ac68{text-align:center;}.elementor-12864 .elementor-element.elementor-element-662ac68 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12864 .elementor-element.elementor-element-0e10920{--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-12864 .elementor-element.elementor-element-677185d .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12864 .elementor-element.elementor-element-5899585 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12864 .elementor-element.elementor-element-b79fee4{--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;}.elementor-12864 .elementor-element.elementor-element-b79fee4.elementor-element{--align-self:center;}.elementor-12864 .elementor-element.elementor-element-340bc00{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12864 .elementor-element.elementor-element-340bc00:not(.elementor-motion-effects-element-type-background), .elementor-12864 .elementor-element.elementor-element-340bc00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-12864 .elementor-element.elementor-element-73728ea{--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-12864 .elementor-element.elementor-element-22e1585 .elementor-heading-title{font-size:15px;font-weight:600;letter-spacing:0px;color:#B11506;}.elementor-12864 .elementor-element.elementor-element-00596d1 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-b3d77b6 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12864 .elementor-element.elementor-element-b3d77b6{font-size:17px;}.elementor-12864 .elementor-element.elementor-element-bf404f5 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-12864 .elementor-element.elementor-element-bf404f5{font-size:17px;}.elementor-12864 .elementor-element.elementor-element-d7d8673 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12864 .elementor-element.elementor-element-d7d8673{font-size:16px;}.elementor-12864 .elementor-element.elementor-element-ccc254a{--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-12864 .elementor-element.elementor-element-515d503 img{border-radius:250px 250px 250px 250px;}.elementor-12864 .elementor-element.elementor-element-87e9d3a{--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-12864 .elementor-element.elementor-element-c8a642c{--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-12864 .elementor-element.elementor-element-f941b34 img{border-radius:12px 12px 12px 12px;}.elementor-12864 .elementor-element.elementor-element-1c2cbda{--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-12864 .elementor-element.elementor-element-1c2cbda:not(.elementor-motion-effects-element-type-background), .elementor-12864 .elementor-element.elementor-element-1c2cbda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B11506;}.elementor-12864 .elementor-element.elementor-element-8e309b5 .elementor-heading-title{font-size:16px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-a5ea194{--divider-border-style:solid;--divider-color:#D93F3F;--divider-border-width:3px;}.elementor-12864 .elementor-element.elementor-element-a5ea194 > .elementor-widget-container{margin:-4px 0px 10px 0px;}.elementor-12864 .elementor-element.elementor-element-a5ea194 .elementor-divider-separator{width:23%;}.elementor-12864 .elementor-element.elementor-element-f53d8b0 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-6fb00d4 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12864 .elementor-element.elementor-element-6fb00d4{font-size:17px;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-f57b5dc{--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-12864 .elementor-element.elementor-element-f0e070a{--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-12864 .elementor-element.elementor-element-0f60fdf .elementor-icon-box-wrapper{gap:15px;}.elementor-12864 .elementor-element.elementor-element-0f60fdf.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-0f60fdf.elementor-view-framed .elementor-icon, .elementor-12864 .elementor-element.elementor-element-0f60fdf.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-0f60fdf .elementor-icon{font-size:35px;}.elementor-12864 .elementor-element.elementor-element-0f60fdf .elementor-icon-box-title, .elementor-12864 .elementor-element.elementor-element-0f60fdf .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12864 .elementor-element.elementor-element-0f60fdf .elementor-icon-box-title{color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-68396c2{--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-12864 .elementor-element.elementor-element-4e249c6 .elementor-icon-box-wrapper{gap:15px;}.elementor-12864 .elementor-element.elementor-element-4e249c6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-4e249c6.elementor-view-framed .elementor-icon, .elementor-12864 .elementor-element.elementor-element-4e249c6.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-4e249c6 .elementor-icon{font-size:35px;}.elementor-12864 .elementor-element.elementor-element-4e249c6 .elementor-icon-box-title, .elementor-12864 .elementor-element.elementor-element-4e249c6 .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12864 .elementor-element.elementor-element-4e249c6 .elementor-icon-box-title{color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-f45f1ef{--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-12864 .elementor-element.elementor-element-59ba8df .elementor-icon-box-wrapper{gap:15px;}.elementor-12864 .elementor-element.elementor-element-59ba8df.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-59ba8df.elementor-view-framed .elementor-icon, .elementor-12864 .elementor-element.elementor-element-59ba8df.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-59ba8df .elementor-icon{font-size:35px;}.elementor-12864 .elementor-element.elementor-element-59ba8df .elementor-icon-box-title, .elementor-12864 .elementor-element.elementor-element-59ba8df .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12864 .elementor-element.elementor-element-59ba8df .elementor-icon-box-title{color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-d918fba{--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-12864 .elementor-element.elementor-element-743f57e .elementor-heading-title{font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-b038f73 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12864 .elementor-element.elementor-element-b038f73 .elementor-heading-title{color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-29818b2 .elementor-button{background-color:#FFFFFF;font-weight:700;text-transform:uppercase;fill:#B11506;color:#B11506;}.elementor-12864 .elementor-element.elementor-element-29818b2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-12864 .elementor-element.elementor-element-3ffbb32{--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-12864 .elementor-element.elementor-element-982eca3 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-12864 .elementor-element.elementor-element-982eca3{text-align:center;}.elementor-12864 .elementor-element.elementor-element-982eca3 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-87dfaf8 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-00094b7 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-7b2586d .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-14fdc46 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-05e0dc7 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-d2dd4ef{--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-12864 .elementor-element.elementor-element-bba0f8d > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-12864 .elementor-element.elementor-element-bba0f8d{text-align:center;}.elementor-12864 .elementor-element.elementor-element-bba0f8d .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-67c4ddc .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-42263aa .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12864 .elementor-element.elementor-element-5125c75{--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;}.elementor-12864 .elementor-element.elementor-element-5125c75:not(.elementor-motion-effects-element-type-background), .elementor-12864 .elementor-element.elementor-element-5125c75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12864 .elementor-element.elementor-element-9f60804{--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-12864 .elementor-element.elementor-element-a35f453 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-27b7e29 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12864 .elementor-element.elementor-element-27b7e29{font-size:17px;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-f824c79{--display:flex;--justify-content:center;}.elementor-12864 .elementor-element.elementor-element-9e8253f .elementor-button{background-color:#A80000;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-12864 .elementor-element.elementor-element-9e8253f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12864 .elementor-element.elementor-element-9e8253f .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(min-width:768px){.elementor-12864 .elementor-element.elementor-element-73728ea{--width:55%;}.elementor-12864 .elementor-element.elementor-element-ccc254a{--width:45%;}.elementor-12864 .elementor-element.elementor-element-c8a642c{--width:50%;}.elementor-12864 .elementor-element.elementor-element-1c2cbda{--width:50%;}.elementor-12864 .elementor-element.elementor-element-f0e070a{--width:33.3%;}.elementor-12864 .elementor-element.elementor-element-68396c2{--width:33.3%;}.elementor-12864 .elementor-element.elementor-element-f45f1ef{--width:33.3%;}}@media(max-width:1024px){.elementor-12864 .elementor-element.elementor-element-9e95982{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12864 .elementor-element.elementor-element-b79fee4{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-12864 .elementor-element.elementor-element-4031710{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12864 .elementor-element.elementor-element-832acb3.elementor-element{--align-self:center;}.elementor-12864 .elementor-element.elementor-element-832acb3{text-align:center;}.elementor-12864 .elementor-element.elementor-element-0435ac4{--justify-content:center;}.elementor-12864 .elementor-element.elementor-element-9e95982{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12864 .elementor-element.elementor-element-0ae9c34{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12864 .elementor-element.elementor-element-2e2739a.elementor-element{--align-self:center;}.elementor-12864 .elementor-element.elementor-element-2e2739a{text-align:center;}.elementor-12864 .elementor-element.elementor-element-7cf3ddd{--justify-content:center;}.elementor-12864 .elementor-element.elementor-element-b79fee4{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12864 .elementor-element.elementor-element-d918fba{--justify-content:center;}}/* Start custom CSS for image-carousel, class: .elementor-element-ca67dcd *//* ==================================================
   CARRUSEL DE MARCAS
   Pegar en el CSS personalizado del widget
   ================================================== */

.elementor-12864 .elementor-element.elementor-element-ca67dcd {
    --sci-rojo: #A80000;
    --sci-negro: #222222;
    --sci-gris: #E6E6E6;

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


/* Alineación del carrusel */

.elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-wrapper {
    align-items: stretch;
}

.elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide {
    height: auto;
    padding: 5px;
    box-sizing: border-box;
}


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

.elementor-12864 .elementor-element.elementor-element-ca67dcd .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-12864 .elementor-element.elementor-element-ca67dcd .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-12864 .elementor-element.elementor-element-ca67dcd .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-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide-inner > a {
    display: flex;
    align-items: center;
    justify-content: center;

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


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

.elementor-12864 .elementor-element.elementor-element-ca67dcd .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-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide:hover .swiper-slide-inner::before {
    height: 5px;
}

.elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide:hover .swiper-slide-image {
    transform: scale(1.04);
}


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

.elementor-12864 .elementor-element.elementor-element-ca67dcd .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-12864 .elementor-element.elementor-element-ca67dcd .elementor-swiper-button:hover {
    color: #FFFFFF !important;
    background: var(--sci-rojo);
    border-color: var(--sci-rojo);
}

.elementor-12864 .elementor-element.elementor-element-ca67dcd .elementor-swiper-button svg {
    width: 17px;
    height: 17px;
}

.elementor-12864 .elementor-element.elementor-element-ca67dcd .elementor-swiper-button-prev {
    left: 0;
}

.elementor-12864 .elementor-element.elementor-element-ca67dcd .elementor-swiper-button-next {
    right: 0;
}


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

.elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-pagination {
    bottom: 20px !important;
}

.elementor-12864 .elementor-element.elementor-element-ca67dcd .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-12864 .elementor-element.elementor-element-ca67dcd .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 10px;
    background: var(--sci-rojo);
}


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

@media (max-width: 1024px) {

    .elementor-12864 .elementor-element.elementor-element-ca67dcd {
        padding-right: 48px;
        padding-left: 48px;
    }

    .elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide-inner {
        min-height: 210px;
        padding: 30px 22px;
    }

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


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

@media (max-width: 767px) {

    .elementor-12864 .elementor-element.elementor-element-ca67dcd {
        padding: 5px 5px 42px;
    }

    .elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide {
        padding: 4px;
    }

    .elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide-inner {
        min-height: 180px;
        padding: 25px 18px;
    }

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

    .elementor-12864 .elementor-element.elementor-element-ca67dcd .elementor-swiper-button {
        display: none !important;
    }

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

@media (min-width: 1025px) {

    .elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide-image {
        transform: scale(1.35);
    }

    .elementor-12864 .elementor-element.elementor-element-ca67dcd .swiper-slide:hover .swiper-slide-image {
        transform: scale(1.42);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-14bd427 */.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-95a6e35 */.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-832acb3 *//* =========================================
   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-c20a19f *//* =========================================
   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-e1d5f7e */.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-d63101c */.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-52cbd5b *//* =========================================
   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-2899b62 *//* =========================================
   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-9eeb724 */.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-737ae89 */.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-6c81e6a */.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-64341ac *//* =========================================
   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-3c10e0e *//* =========================================
   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-24df4ef */.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-9c5a183 */.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-3bed28a *//* =========================================
   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-be2eca7 *//* =========================================
   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-383d826 */.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-82f5a0b */.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-2fd2213 *//* =========================================
   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-d576c67 *//* =========================================
   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-70c3303 */.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-b367cc6 */.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-8074472 *//* =========================================
   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-899e246 *//* =========================================
   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-9e95982 *//* =========================================
   TARJETA DE PRODUCTO
========================================= */

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

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

    background: #FFFFFF;

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

    box-shadow: 0 6px 16px rgba(23, 32, 51, 0.06);

    box-sizing: border-box;

    overflow: hidden;

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





/* =========================================
   IMAGEN
========================================= */

.elementor .tarjeta-horizontal-producto
.elementor-widget-image {
    width: 100%;

    min-height: 150px;

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


.elementor .tarjeta-horizontal-producto
.elementor-widget-image img {
    width: 100%;

    max-height: 150px;

    object-fit: contain;
    object-position: center;
}


/* =========================================
   CONTENIDO
========================================= */

.elementor .tarjeta-horizontal-producto > .e-con {
    width: 100%;

    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 14px;

    box-sizing: border-box;
}


/* =========================================
   BOTÓN ABAJO
========================================= */

.elementor .tarjeta-horizontal-producto
.elementor-widget-button {
    margin-top: auto;
}


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

@media (max-width: 1024px) {

    .elementor .tarjeta-horizontal-producto {
        min-height: 310px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image {
        min-height: 140px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image img {
        max-height: 140px;
    }

}


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

@media (max-width: 767px) {

    .elementor .tarjeta-horizontal-producto {
        min-height: 290px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image {
        min-height: 130px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image img {
        max-height: 130px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff90b02 */.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-f941f5f */.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-2e2739a *//* =========================================
   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-492de15 *//* =========================================
   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-33318f8 */.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-7ea959d */.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-099d76d *//* =========================================
   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-64ea533 *//* =========================================
   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-d1f3eeb */.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-040930c */.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-662ac68 */.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-677185d *//* =========================================
   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-5899585 *//* =========================================
   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-ff90b02 */.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-f941f5f */.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-2e2739a *//* =========================================
   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-492de15 *//* =========================================
   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-33318f8 */.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-7ea959d */.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-099d76d *//* =========================================
   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-64ea533 *//* =========================================
   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-d1f3eeb */.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-040930c */.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-662ac68 */.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-677185d *//* =========================================
   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-5899585 *//* =========================================
   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-ff90b02 */.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-f941f5f */.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-2e2739a *//* =========================================
   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-492de15 *//* =========================================
   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-33318f8 */.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-7ea959d */.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-099d76d *//* =========================================
   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-64ea533 *//* =========================================
   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-d1f3eeb */.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-040930c */.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-662ac68 */.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-677185d *//* =========================================
   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-5899585 *//* =========================================
   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-ff90b02 */.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-f941f5f */.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-2e2739a *//* =========================================
   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-492de15 *//* =========================================
   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-33318f8 */.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-7ea959d */.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-099d76d *//* =========================================
   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-64ea533 *//* =========================================
   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-d1f3eeb */.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-040930c */.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-662ac68 */.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-677185d *//* =========================================
   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-5899585 *//* =========================================
   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-b79fee4 *//* =========================================
   TARJETA DE PRODUCTO
========================================= */

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

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

    background: #FFFFFF;

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

    box-shadow: 0 6px 16px rgba(23, 32, 51, 0.06);

    box-sizing: border-box;

    overflow: hidden;

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





/* =========================================
   IMAGEN
========================================= */

.elementor .tarjeta-horizontal-producto
.elementor-widget-image {
    width: 100%;

    min-height: 150px;

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


.elementor .tarjeta-horizontal-producto
.elementor-widget-image img {
    width: 100%;

    max-height: 150px;

    object-fit: contain;
    object-position: center;
}


/* =========================================
   CONTENIDO
========================================= */

.elementor .tarjeta-horizontal-producto > .e-con {
    width: 100%;

    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 14px;

    box-sizing: border-box;
}


/* =========================================
   BOTÓN ABAJO
========================================= */

.elementor .tarjeta-horizontal-producto
.elementor-widget-button {
    margin-top: auto;
}


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

@media (max-width: 1024px) {

    .elementor .tarjeta-horizontal-producto {
        min-height: 310px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image {
        min-height: 140px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image img {
        max-height: 140px;
    }

}


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

@media (max-width: 767px) {

    .elementor .tarjeta-horizontal-producto {
        min-height: 290px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image {
        min-height: 130px;
    }

    .elementor .tarjeta-horizontal-producto
    .elementor-widget-image img {
        max-height: 130px;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-22e1585 *//* INFORMACIÓN DESTACADA + LÍNEA */

.elementor-12864 .elementor-element.elementor-element-22e1585 .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-12864 .elementor-element.elementor-element-22e1585 .elementor-heading-title::after {
    content: "";
    display: block;
    flex: 0 0 70px;

    width: 70px;
    height: 2px;

    background: #A80000;
}

@media (max-width: 767px) {

    .elementor-12864 .elementor-element.elementor-element-22e1585 .elementor-heading-title {
        gap: 12px;
        font-size: 15px;
    }

    .elementor-12864 .elementor-element.elementor-element-22e1585 .elementor-heading-title::after {
        flex-basis: 45px;
        width: 45px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bf404f5 *//* LISTA DE APLICACIONES */

.elementor-12864 .elementor-element.elementor-element-bf404f5 ul {
    margin: 0;
    padding-left: 22px;
}

.elementor-12864 .elementor-element.elementor-element-bf404f5 li {
    margin-bottom: 8px;
    padding-left: 5px;

    color: #222222;
    font-size: 17px;
    line-height: 1.45;
}

.elementor-12864 .elementor-element.elementor-element-bf404f5 li:last-child {
    margin-bottom: 0;
}

.elementor-12864 .elementor-element.elementor-element-bf404f5 li::marker {
    color: #A80000;
    font-size: 1.1em;
}

@media (max-width: 767px) {

    .elementor-12864 .elementor-element.elementor-element-bf404f5 li {
        margin-bottom: 6px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7d8673 *//* RECOMENDACIÓN FINAL */

.elementor-12864 .elementor-element.elementor-element-d7d8673 .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-12864 .elementor-element.elementor-element-d7d8673 p {
    margin: 0;

    color: #222222;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 767px) {

    .elementor-12864 .elementor-element.elementor-element-d7d8673 .elementor-widget-container {
        padding: 15px 16px;
    }

    .elementor-12864 .elementor-element.elementor-element-d7d8673 p {
        font-size: 16px;
    }
}/* End custom CSS */