.elementor-12990 .elementor-element.elementor-element-375bd9d{--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-12990 .elementor-element.elementor-element-6c512f2{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12990 .elementor-element.elementor-element-2d4506a{text-align:center;}.elementor-12990 .elementor-element.elementor-element-2d4506a .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-8cdd450{text-align:center;}.elementor-12990 .elementor-element.elementor-element-a5a4224{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12990 .elementor-element.elementor-element-0dc09d3{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12990 .elementor-element.elementor-element-8ebedde{text-align:center;}.elementor-12990 .elementor-element.elementor-element-8ebedde .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-9d5c811{--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-12990 .elementor-element.elementor-element-dcd5706{text-align:center;}.elementor-12990 .elementor-element.elementor-element-dcd5706 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-ac9b1fb .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-14ea398{--display:flex;}.elementor-12990 .elementor-element.elementor-element-f00cc99{text-align:center;}.elementor-12990 .elementor-element.elementor-element-f00cc99 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-a441720{--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-12990 .elementor-element.elementor-element-a41924b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-033f85b .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-0d0cbb5{--display:flex;}.elementor-12990 .elementor-element.elementor-element-aff9154{text-align:center;}.elementor-12990 .elementor-element.elementor-element-aff9154 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-a05a21e{--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-12990 .elementor-element.elementor-element-09d699f .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-5882d8a .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-4a43ab4{--display:flex;}.elementor-12990 .elementor-element.elementor-element-cb0e4a7{text-align:center;}.elementor-12990 .elementor-element.elementor-element-cb0e4a7 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-3cfbdfb{--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-12990 .elementor-element.elementor-element-b09d4b8 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-3bb4368 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-535f946{--display:flex;}.elementor-12990 .elementor-element.elementor-element-406faf3{text-align:center;}.elementor-12990 .elementor-element.elementor-element-406faf3 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-dfa3e12{--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-12990 .elementor-element.elementor-element-44fda6b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-d88183b .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-9df71e1{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:15px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#A80000;--e-n-carousel-arrow-hover-color:#A80000;}.elementor-12990 .elementor-element.elementor-element-0daef88{--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-12990 .elementor-element.elementor-element-6217074{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12990 .elementor-element.elementor-element-1806792{text-align:center;}.elementor-12990 .elementor-element.elementor-element-1806792 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-d2d674d{text-align:center;}.elementor-12990 .elementor-element.elementor-element-8155862{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12990 .elementor-element.elementor-element-b186933{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12990 .elementor-element.elementor-element-70769a9{text-align:center;}.elementor-12990 .elementor-element.elementor-element-70769a9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-5a73391{--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-12990 .elementor-element.elementor-element-95b69eb{text-align:center;}.elementor-12990 .elementor-element.elementor-element-95b69eb .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-ad6f6a0 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-3b908b8{--display:flex;}.elementor-12990 .elementor-element.elementor-element-52d8e23{text-align:center;}.elementor-12990 .elementor-element.elementor-element-52d8e23 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-acca9a1{--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-12990 .elementor-element.elementor-element-76faf90 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-db5ff29 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-e69bbec{--display:flex;}.elementor-12990 .elementor-element.elementor-element-33c2c7c{text-align:center;}.elementor-12990 .elementor-element.elementor-element-33c2c7c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-6b98d1e{--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-12990 .elementor-element.elementor-element-404030f .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-dfd3d64 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-2206b15{--display:flex;}.elementor-12990 .elementor-element.elementor-element-c703b6c{text-align:center;}.elementor-12990 .elementor-element.elementor-element-c703b6c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-fdb2fa0{--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-12990 .elementor-element.elementor-element-d5d4165 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-1b371a7 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-16d1acd{--display:flex;}.elementor-12990 .elementor-element.elementor-element-27b3c59{text-align:center;}.elementor-12990 .elementor-element.elementor-element-27b3c59 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-38ad15d{--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-12990 .elementor-element.elementor-element-d3ab197 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-80a6c2c .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-eb7e953{--display:flex;}.elementor-12990 .elementor-element.elementor-element-0c0b6ab{text-align:center;}.elementor-12990 .elementor-element.elementor-element-0c0b6ab .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12990 .elementor-element.elementor-element-ea17275{--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-12990 .elementor-element.elementor-element-7616e3b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12990 .elementor-element.elementor-element-b9f14ea .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12990 .elementor-element.elementor-element-428ce6a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:15px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#A80000;--e-n-carousel-arrow-hover-color:#A80000;}.elementor-12990 .elementor-element.elementor-element-2f2fc08{--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-12990 .elementor-element.elementor-element-2f2fc08:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-2f2fc08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-12990 .elementor-element.elementor-element-f8d5b74{--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-12990 .elementor-element.elementor-element-88bbb05 .elementor-heading-title{font-size:15px;font-weight:600;letter-spacing:0px;color:#B11506;}.elementor-12990 .elementor-element.elementor-element-baac22c .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-7ada8f2 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12990 .elementor-element.elementor-element-7ada8f2{font-size:17px;}.elementor-12990 .elementor-element.elementor-element-5e2f1ff > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-12990 .elementor-element.elementor-element-5e2f1ff{font-size:17px;}.elementor-12990 .elementor-element.elementor-element-5a52076 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-5a52076{font-size:16px;}.elementor-12990 .elementor-element.elementor-element-f20ae66{--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-12990 .elementor-element.elementor-element-c7613d4 img{border-radius:250px 250px 250px 250px;}.elementor-12990 .elementor-element.elementor-element-cdf7208{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12990 .elementor-element.elementor-element-029fc99 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-12990 .elementor-element.elementor-element-029fc99{text-align:center;}.elementor-12990 .elementor-element.elementor-element-029fc99 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-dab1d24 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-4d6df4c .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-e563d4e .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-786fc58 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12990 .elementor-element.elementor-element-3a04810{--display:flex;--min-height:230px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:.75rem .75rem .75rem .75rem;--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12990 .elementor-element.elementor-element-3a04810:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-3a04810 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12990 .elementor-element.elementor-element-f750ce9{--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-12990 .elementor-element.elementor-element-4a4633e .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-feff9b2 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12990 .elementor-element.elementor-element-feff9b2{font-size:17px;color:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-bedbfa5{--display:flex;--justify-content:center;}.elementor-12990 .elementor-element.elementor-element-2ad7876 .elementor-button{background-color:#A80000;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-2ad7876 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12990 .elementor-element.elementor-element-2ad7876 .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(min-width:768px){.elementor-12990 .elementor-element.elementor-element-f8d5b74{--width:55%;}.elementor-12990 .elementor-element.elementor-element-f20ae66{--width:45%;}}@media(max-width:1024px){.elementor-12990 .elementor-element.elementor-element-9df71e1{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12990 .elementor-element.elementor-element-428ce6a{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-12990 .elementor-element.elementor-element-9d5c811{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12990 .elementor-element.elementor-element-dcd5706.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-dcd5706{text-align:center;}.elementor-12990 .elementor-element.elementor-element-a441720{--justify-content:center;}.elementor-12990 .elementor-element.elementor-element-9df71e1{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12990 .elementor-element.elementor-element-5a73391{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12990 .elementor-element.elementor-element-95b69eb.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-95b69eb{text-align:center;}.elementor-12990 .elementor-element.elementor-element-acca9a1{--justify-content:center;}.elementor-12990 .elementor-element.elementor-element-428ce6a{--e-n-carousel-swiper-slides-to-display:2;}}/* Start custom CSS for image, class: .elementor-element-41d6ae9 */.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-8ebedde */.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-dcd5706 *//* =========================================
   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-ac9b1fb *//* =========================================
   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-44a395c */.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-f00cc99 */.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-a41924b *//* =========================================
   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-033f85b *//* =========================================
   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-14ea398 */.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-25b1c81 */.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-aff9154 */.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-09d699f *//* =========================================
   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-5882d8a *//* =========================================
   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-bc164e5 */.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-cb0e4a7 */.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-b09d4b8 *//* =========================================
   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-3bb4368 *//* =========================================
   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-5b3dbe0 */.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-406faf3 */.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-44fda6b *//* =========================================
   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-d88183b *//* =========================================
   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-41d6ae9 */.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-8ebedde */.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-dcd5706 *//* =========================================
   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-ac9b1fb *//* =========================================
   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-44a395c */.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-f00cc99 */.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-a41924b *//* =========================================
   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-033f85b *//* =========================================
   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-14ea398 */.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-25b1c81 */.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-aff9154 */.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-09d699f *//* =========================================
   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-5882d8a *//* =========================================
   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-bc164e5 */.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-cb0e4a7 */.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-b09d4b8 *//* =========================================
   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-3bb4368 *//* =========================================
   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-5b3dbe0 */.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-406faf3 */.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-44fda6b *//* =========================================
   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-d88183b *//* =========================================
   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-41d6ae9 */.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-8ebedde */.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-dcd5706 *//* =========================================
   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-ac9b1fb *//* =========================================
   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-44a395c */.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-f00cc99 */.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-a41924b *//* =========================================
   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-033f85b *//* =========================================
   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-14ea398 */.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-25b1c81 */.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-aff9154 */.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-09d699f *//* =========================================
   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-5882d8a *//* =========================================
   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-bc164e5 */.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-cb0e4a7 */.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-b09d4b8 *//* =========================================
   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-3bb4368 *//* =========================================
   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-5b3dbe0 */.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-406faf3 */.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-44fda6b *//* =========================================
   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-d88183b *//* =========================================
   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-41d6ae9 */.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-8ebedde */.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-dcd5706 *//* =========================================
   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-ac9b1fb *//* =========================================
   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-44a395c */.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-f00cc99 */.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-a41924b *//* =========================================
   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-033f85b *//* =========================================
   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-14ea398 */.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-25b1c81 */.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-aff9154 */.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-09d699f *//* =========================================
   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-5882d8a *//* =========================================
   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-bc164e5 */.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-cb0e4a7 */.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-b09d4b8 *//* =========================================
   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-3bb4368 *//* =========================================
   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-5b3dbe0 */.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-406faf3 */.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-44fda6b *//* =========================================
   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-d88183b *//* =========================================
   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-41d6ae9 */.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-8ebedde */.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-dcd5706 *//* =========================================
   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-ac9b1fb *//* =========================================
   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-44a395c */.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-f00cc99 */.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-a41924b *//* =========================================
   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-033f85b *//* =========================================
   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-14ea398 */.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-25b1c81 */.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-aff9154 */.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-09d699f *//* =========================================
   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-5882d8a *//* =========================================
   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-bc164e5 */.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-cb0e4a7 */.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-b09d4b8 *//* =========================================
   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-3bb4368 *//* =========================================
   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-5b3dbe0 */.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-406faf3 */.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-44fda6b *//* =========================================
   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-d88183b *//* =========================================
   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-41d6ae9 */.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-8ebedde */.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-dcd5706 *//* =========================================
   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-ac9b1fb *//* =========================================
   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-44a395c */.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-f00cc99 */.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-a41924b *//* =========================================
   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-033f85b *//* =========================================
   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-14ea398 */.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-25b1c81 */.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-aff9154 */.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-09d699f *//* =========================================
   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-5882d8a *//* =========================================
   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-bc164e5 */.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-cb0e4a7 */.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-b09d4b8 *//* =========================================
   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-3bb4368 *//* =========================================
   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-5b3dbe0 */.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-406faf3 */.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-44fda6b *//* =========================================
   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-d88183b *//* =========================================
   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-9df71e1 *//* =========================================
   TARJETA DE PRODUCTO
========================================= */

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

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

    background: transparent;

    border: none;

    box-shadow: none;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.30s ease,
        box-shadow 0.30s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-c06718e */.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-70769a9 */.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-95b69eb *//* =========================================
   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-ad6f6a0 *//* =========================================
   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-4eb0cc4 */.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-52d8e23 */.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-76faf90 *//* =========================================
   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-db5ff29 *//* =========================================
   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-3b908b8 */.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-7f68934 */.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-33c2c7c */.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-404030f *//* =========================================
   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-dfd3d64 *//* =========================================
   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-5743b92 */.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-c703b6c */.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-d5d4165 *//* =========================================
   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-1b371a7 *//* =========================================
   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-d0c9b3b */.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-27b3c59 */.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-d3ab197 *//* =========================================
   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-80a6c2c *//* =========================================
   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-dce4218 */.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-0c0b6ab */.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-7616e3b *//* =========================================
   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-b9f14ea *//* =========================================
   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-428ce6a *//* =========================================
   TARJETA DE PRODUCTO
========================================= */

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

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

    background: transparent;

    border: none;

    box-shadow: none;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.30s ease,
        box-shadow 0.30s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88bbb05 *//* INFORMACIÓN DESTACADA + LÍNEA */

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

    width: 70px;
    height: 2px;

    background: #A80000;
}

@media (max-width: 767px) {

    .elementor-12990 .elementor-element.elementor-element-88bbb05 .elementor-heading-title {
        gap: 12px;
        font-size: 15px;
    }

    .elementor-12990 .elementor-element.elementor-element-88bbb05 .elementor-heading-title::after {
        flex-basis: 45px;
        width: 45px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5e2f1ff *//* LISTA DE APLICACIONES */

.elementor-12990 .elementor-element.elementor-element-5e2f1ff ul {
    margin: 0;
    padding-left: 22px;
}

.elementor-12990 .elementor-element.elementor-element-5e2f1ff li {
    margin-bottom: 8px;
    padding-left: 5px;

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

.elementor-12990 .elementor-element.elementor-element-5e2f1ff li:last-child {
    margin-bottom: 0;
}

.elementor-12990 .elementor-element.elementor-element-5e2f1ff li::marker {
    color: #A80000;
    font-size: 1.1em;
}

@media (max-width: 767px) {

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

.elementor-12990 .elementor-element.elementor-element-5a52076 .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-12990 .elementor-element.elementor-element-5a52076 p {
    margin: 0;

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

@media (max-width: 767px) {

    .elementor-12990 .elementor-element.elementor-element-5a52076 .elementor-widget-container {
        padding: 15px 16px;
    }

    .elementor-12990 .elementor-element.elementor-element-5a52076 p {
        font-size: 16px;
    }
}/* End custom CSS */