.elementor-12862 .elementor-element.elementor-element-6c211b5{--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-12862 .elementor-element.elementor-element-81d4cba{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12862 .elementor-element.elementor-element-625ea6a{text-align:center;}.elementor-12862 .elementor-element.elementor-element-625ea6a .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-12f4bde{text-align:center;}.elementor-12862 .elementor-element.elementor-element-015d09d{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12862 .elementor-element.elementor-element-df3c303{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12862 .elementor-element.elementor-element-f7c5353{text-align:center;}.elementor-12862 .elementor-element.elementor-element-f7c5353 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-28c2872{--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-12862 .elementor-element.elementor-element-a54cf91{text-align:center;}.elementor-12862 .elementor-element.elementor-element-a54cf91 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-ec089ce .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-d2dc106{--display:flex;}.elementor-12862 .elementor-element.elementor-element-a9a6c64{text-align:center;}.elementor-12862 .elementor-element.elementor-element-a9a6c64 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-ac0a99b{--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-12862 .elementor-element.elementor-element-6213e00 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-5cc2034 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-ff92282{--display:flex;}.elementor-12862 .elementor-element.elementor-element-ebfd637{text-align:center;}.elementor-12862 .elementor-element.elementor-element-ebfd637 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-4f29c79{--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-12862 .elementor-element.elementor-element-9e981c5 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-fb340a5 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-2d0b5a8{--display:flex;}.elementor-12862 .elementor-element.elementor-element-38806df{text-align:center;}.elementor-12862 .elementor-element.elementor-element-38806df .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-653cbed{--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-12862 .elementor-element.elementor-element-35c20f7 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-0f6571e .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-1657b01{--display:flex;}.elementor-12862 .elementor-element.elementor-element-0f05bc7{text-align:center;}.elementor-12862 .elementor-element.elementor-element-0f05bc7 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-d8fb905{--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-12862 .elementor-element.elementor-element-0938e79 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-58f576d .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-f309d1b{--display:flex;}.elementor-12862 .elementor-element.elementor-element-00e223b{text-align:center;}.elementor-12862 .elementor-element.elementor-element-00e223b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-76590c0{--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-12862 .elementor-element.elementor-element-aaff165 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-29ed0f8 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-82f0b28{--display:flex;}.elementor-12862 .elementor-element.elementor-element-1a53288{text-align:center;}.elementor-12862 .elementor-element.elementor-element-1a53288 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-6e5831e{--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-12862 .elementor-element.elementor-element-9884823.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12862 .elementor-element.elementor-element-9884823 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-5b1874e .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-ba49c48{--display:flex;}.elementor-12862 .elementor-element.elementor-element-4fdc908{text-align:center;}.elementor-12862 .elementor-element.elementor-element-4fdc908 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-5ef3b84{--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-12862 .elementor-element.elementor-element-63f1411 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-97c0e94 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-ca731c0{--display:flex;}.elementor-12862 .elementor-element.elementor-element-a55729a{text-align:center;}.elementor-12862 .elementor-element.elementor-element-a55729a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-1316bb4{--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-12862 .elementor-element.elementor-element-83247e4 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-d092899 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-f47c9df{--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-12862 .elementor-element.elementor-element-7e14734{--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-12862 .elementor-element.elementor-element-05c1f76{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12862 .elementor-element.elementor-element-a079196{text-align:center;}.elementor-12862 .elementor-element.elementor-element-a079196 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-507eda8{text-align:center;}.elementor-12862 .elementor-element.elementor-element-e3e5461{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12862 .elementor-element.elementor-element-615b5b9{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12862 .elementor-element.elementor-element-33fd428{text-align:center;}.elementor-12862 .elementor-element.elementor-element-33fd428 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-d59a324{--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-12862 .elementor-element.elementor-element-ef7206e{text-align:center;}.elementor-12862 .elementor-element.elementor-element-ef7206e .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-f23a954 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-6672c17{--display:flex;}.elementor-12862 .elementor-element.elementor-element-b399e55{text-align:center;}.elementor-12862 .elementor-element.elementor-element-b399e55 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-e496b46{--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-12862 .elementor-element.elementor-element-7dd0d0c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-5f3bc2a .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-3c62f80{--display:flex;}.elementor-12862 .elementor-element.elementor-element-113ea37{text-align:center;}.elementor-12862 .elementor-element.elementor-element-113ea37 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-9e99604{--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-12862 .elementor-element.elementor-element-1853c46 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-94f0e94 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-4df2bf5{--display:flex;}.elementor-12862 .elementor-element.elementor-element-b92fa55{text-align:center;}.elementor-12862 .elementor-element.elementor-element-b92fa55 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-79afa31{--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-12862 .elementor-element.elementor-element-6b08d4e .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-7a44e3b .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-bcc99d3{--display:flex;}.elementor-12862 .elementor-element.elementor-element-5657275{text-align:center;}.elementor-12862 .elementor-element.elementor-element-5657275 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-9e2a1c0{--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-12862 .elementor-element.elementor-element-1a18959 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-b208799 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-6866c5e{--display:flex;}.elementor-12862 .elementor-element.elementor-element-bfc2488{text-align:center;}.elementor-12862 .elementor-element.elementor-element-bfc2488 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-8e6e548{--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-12862 .elementor-element.elementor-element-8f79154 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-beb6059 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-5150c9d{--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-12862 .elementor-element.elementor-element-c318b82{--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-12862 .elementor-element.elementor-element-f82bf99{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12862 .elementor-element.elementor-element-25332e5{text-align:center;}.elementor-12862 .elementor-element.elementor-element-25332e5 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-594c41b{text-align:center;}.elementor-12862 .elementor-element.elementor-element-687126e{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12862 .elementor-element.elementor-element-e8a8efb{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12862 .elementor-element.elementor-element-1fb0a04{text-align:center;}.elementor-12862 .elementor-element.elementor-element-1fb0a04 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-29d56d3{--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-12862 .elementor-element.elementor-element-d09235c{text-align:center;}.elementor-12862 .elementor-element.elementor-element-d09235c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-85f3bdd .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-6f636c3{--display:flex;}.elementor-12862 .elementor-element.elementor-element-957d296{text-align:center;}.elementor-12862 .elementor-element.elementor-element-957d296 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-9167e87{--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-12862 .elementor-element.elementor-element-e7c51da .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-14f2bc0 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-3409d11{--display:flex;}.elementor-12862 .elementor-element.elementor-element-78d62b9{text-align:center;}.elementor-12862 .elementor-element.elementor-element-78d62b9 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-c2dae8b{--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-12862 .elementor-element.elementor-element-cf6bd11 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-f066366 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-d4ef073{--display:flex;}.elementor-12862 .elementor-element.elementor-element-3032619{text-align:center;}.elementor-12862 .elementor-element.elementor-element-3032619 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-3139d22{--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-12862 .elementor-element.elementor-element-569e9fe .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-7b36f3f .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-5de1c03{--display:flex;}.elementor-12862 .elementor-element.elementor-element-a659892{text-align:center;}.elementor-12862 .elementor-element.elementor-element-a659892 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-c00496c{--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-12862 .elementor-element.elementor-element-861fe53 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-4c4e070 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-2ad356c{--display:flex;}.elementor-12862 .elementor-element.elementor-element-1548b23{text-align:center;}.elementor-12862 .elementor-element.elementor-element-1548b23 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-f244614{--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-12862 .elementor-element.elementor-element-be3faff .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-a7996b4 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-73a8f00{--display:flex;}.elementor-12862 .elementor-element.elementor-element-5437fb8{text-align:center;}.elementor-12862 .elementor-element.elementor-element-5437fb8 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-438bd18{--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-12862 .elementor-element.elementor-element-e8d0b2a .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-6eed221 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-073e451{--display:flex;}.elementor-12862 .elementor-element.elementor-element-654b657{text-align:center;}.elementor-12862 .elementor-element.elementor-element-654b657 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-6e0881c{--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-12862 .elementor-element.elementor-element-4c88c13 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-02e8ec8 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-e007179{--display:flex;}.elementor-12862 .elementor-element.elementor-element-40a8488{text-align:center;}.elementor-12862 .elementor-element.elementor-element-40a8488 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-2198db3{--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-12862 .elementor-element.elementor-element-58e5ff2 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-1b6d35b .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-65b9069{--display:flex;}.elementor-12862 .elementor-element.elementor-element-58098eb{text-align:center;}.elementor-12862 .elementor-element.elementor-element-58098eb .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-55fd6fe{--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-12862 .elementor-element.elementor-element-51f3d0b .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-f131730 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-fe910f0{--display:flex;}.elementor-12862 .elementor-element.elementor-element-fd7305c{text-align:center;}.elementor-12862 .elementor-element.elementor-element-fd7305c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12862 .elementor-element.elementor-element-2c3a366{--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-12862 .elementor-element.elementor-element-ff75daa .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12862 .elementor-element.elementor-element-9b64aed .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12862 .elementor-element.elementor-element-c48f8de{--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-12862 .elementor-element.elementor-element-dc80621{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12862 .elementor-element.elementor-element-dc80621:not(.elementor-motion-effects-element-type-background), .elementor-12862 .elementor-element.elementor-element-dc80621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-12862 .elementor-element.elementor-element-f7b5843{--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-12862 .elementor-element.elementor-element-100ab15 .elementor-heading-title{font-size:15px;font-weight:600;letter-spacing:0px;color:#B11506;}.elementor-12862 .elementor-element.elementor-element-1db33f2 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-a275daf > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12862 .elementor-element.elementor-element-a275daf{font-size:17px;}.elementor-12862 .elementor-element.elementor-element-8553049 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12862 .elementor-element.elementor-element-8553049{font-size:17px;}.elementor-12862 .elementor-element.elementor-element-9639fb2{--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-12862 .elementor-element.elementor-element-49047dc img{border-radius:250px 250px 250px 250px;}.elementor-12862 .elementor-element.elementor-element-967185d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12862 .elementor-element.elementor-element-dd08f15 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-12862 .elementor-element.elementor-element-dd08f15{text-align:center;}.elementor-12862 .elementor-element.elementor-element-dd08f15 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-52af18a .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-4290d0b .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-d0e2e09 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-b38b3f4 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12862 .elementor-element.elementor-element-ecb1655{--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-12862 .elementor-element.elementor-element-ecb1655:not(.elementor-motion-effects-element-type-background), .elementor-12862 .elementor-element.elementor-element-ecb1655 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12862 .elementor-element.elementor-element-db5d4e3{--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-12862 .elementor-element.elementor-element-05e73e6 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12862 .elementor-element.elementor-element-415bb8a > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12862 .elementor-element.elementor-element-415bb8a{font-size:17px;color:#FFFFFF;}.elementor-12862 .elementor-element.elementor-element-091c78d{--display:flex;--justify-content:center;}.elementor-12862 .elementor-element.elementor-element-64ae2eb .elementor-button{background-color:#A80000;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-12862 .elementor-element.elementor-element-64ae2eb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12862 .elementor-element.elementor-element-64ae2eb .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(min-width:768px){.elementor-12862 .elementor-element.elementor-element-f7b5843{--width:50%;}.elementor-12862 .elementor-element.elementor-element-9639fb2{--width:50%;}}@media(max-width:1366px){.elementor-12862 .elementor-element.elementor-element-9884823{width:var( --container-widget-width, 30.563px );max-width:30.563px;--container-widget-width:30.563px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-12862 .elementor-element.elementor-element-f47c9df{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12862 .elementor-element.elementor-element-5150c9d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12862 .elementor-element.elementor-element-c48f8de{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-12862 .elementor-element.elementor-element-28c2872{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12862 .elementor-element.elementor-element-a54cf91.elementor-element{--align-self:center;}.elementor-12862 .elementor-element.elementor-element-a54cf91{text-align:center;}.elementor-12862 .elementor-element.elementor-element-ac0a99b{--justify-content:center;}.elementor-12862 .elementor-element.elementor-element-f47c9df{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12862 .elementor-element.elementor-element-d59a324{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12862 .elementor-element.elementor-element-ef7206e.elementor-element{--align-self:center;}.elementor-12862 .elementor-element.elementor-element-ef7206e{text-align:center;}.elementor-12862 .elementor-element.elementor-element-e496b46{--justify-content:center;}.elementor-12862 .elementor-element.elementor-element-5150c9d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12862 .elementor-element.elementor-element-29d56d3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12862 .elementor-element.elementor-element-d09235c.elementor-element{--align-self:center;}.elementor-12862 .elementor-element.elementor-element-d09235c{text-align:center;}.elementor-12862 .elementor-element.elementor-element-3139d22{--justify-content:center;}.elementor-12862 .elementor-element.elementor-element-c48f8de{--e-n-carousel-swiper-slides-to-display:2;}}/* Start custom CSS for image, class: .elementor-element-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-eb0515c */.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-f7c5353 */.titulo-producto .elementor-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-a54cf91 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-bbadaf7 */.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-a9a6c64 */.titulo-producto .elementor-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-6213e00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d2dc106 */.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-f9a3033 */.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-ebfd637 */.titulo-producto .elementor-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-9e981c5 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2617749 */.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-38806df */.titulo-producto .elementor-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-35c20f7 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-0ecffa4 */.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-0f05bc7 */.titulo-producto .elementor-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-0938e79 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2cf926b */.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-00e223b */.titulo-producto .elementor-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-aaff165 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-cc3006d */.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-1a53288 */.titulo-producto .elementor-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-9884823 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-abd2637 */.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-4fdc908 */.titulo-producto .elementor-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-63f1411 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d42c1c */.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-a55729a */.titulo-producto .elementor-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-83247e4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f47c9df *//* =========================================
   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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2331e0a */.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-33fd428 */.titulo-producto .elementor-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-ef7206e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-dc78a01 */.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-b399e55 */.titulo-producto .elementor-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-7dd0d0c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6672c17 */.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-77b25ff */.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-113ea37 */.titulo-producto .elementor-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-1853c46 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-988e8fb */.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-b92fa55 */.titulo-producto .elementor-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-6b08d4e *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-6ab79d7 */.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-5657275 */.titulo-producto .elementor-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-1a18959 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-f6e2e17 */.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-bfc2488 */.titulo-producto .elementor-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-8f79154 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5150c9d *//* =========================================
   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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f066366 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b36f3f *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c4e070 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7996b4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eed221 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e8ec8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b6d35b *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f131730 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b64aed *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-85f3bdd *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14f2bc0 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f066366 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b36f3f *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c4e070 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7996b4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eed221 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e8ec8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b6d35b *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f131730 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b64aed *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-85f3bdd *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14f2bc0 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f066366 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b36f3f *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c4e070 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7996b4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eed221 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e8ec8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b6d35b *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f131730 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b64aed *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-85f3bdd *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14f2bc0 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f066366 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b36f3f *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c4e070 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7996b4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eed221 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e8ec8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b6d35b *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f131730 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b64aed *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-85f3bdd *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14f2bc0 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f066366 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b36f3f *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c4e070 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7996b4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eed221 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e8ec8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b6d35b *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f131730 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b64aed *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-53bc9bc */.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-1fb0a04 */.titulo-producto .elementor-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-d09235c *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-85f3bdd *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-963cbf9 */.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-957d296 */.titulo-producto .elementor-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-e7c51da *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14f2bc0 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d983df9 */.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-78d62b9 */.titulo-producto .elementor-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-cf6bd11 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f066366 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-5d1759c */.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-3032619 */.titulo-producto .elementor-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-569e9fe *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b36f3f *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-d4ef073 */.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-e078867 */.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-a659892 */.titulo-producto .elementor-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-861fe53 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c4e070 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-ad75b45 */.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-1548b23 */.titulo-producto .elementor-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-be3faff *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7996b4 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-3f050e8 */.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-5437fb8 */.titulo-producto .elementor-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-e8d0b2a *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eed221 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-2d20fa6 */.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-654b657 */.titulo-producto .elementor-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-4c88c13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e8ec8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-112ca72 */.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-40a8488 */.titulo-producto .elementor-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-58e5ff2 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b6d35b *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-9835ce3 */.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-58098eb */.titulo-producto .elementor-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-51f3d0b *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f131730 *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-da6de4e */.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-fd7305c */.titulo-producto .elementor-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-ff75daa *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

.precio-producto .elementor-heading-title {
    color: #D8232A;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    transition: color 0.2s ease;
}

/* Microinteracción al pasar el cursor sobre la tarjeta */
.precio-producto:hover .elementor-heading-title {
    color: #B81313;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b64aed *//* =========================================
   MEJORA CSS PARA LA CLASE: .boton-producto
   (Aplicar al widget de Botón)
   ========================================= */

.boton-producto .elementor-button {
    background-color: #D8232A;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 9px 16px;
    border-radius: 6px;
    border: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(216, 35, 42, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Interacción al pasar el cursor */
.boton-producto .elementor-button:hover {
    background-color: #B81313;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(216, 35, 42, 0.3);
}

/* Estado al presionar (Click) */
.boton-producto .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-c48f8de *//* =========================================
   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-100ab15 *//* INFORMACIÓN DESTACADA + LÍNEA */

.elementor-12862 .elementor-element.elementor-element-100ab15 .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-12862 .elementor-element.elementor-element-100ab15 .elementor-heading-title::after {
    content: "";
    display: block;
    flex: 0 0 70px;

    width: 70px;
    height: 2px;

    background: #A80000;
}

@media (max-width: 767px) {

    .elementor-12862 .elementor-element.elementor-element-100ab15 .elementor-heading-title {
        gap: 12px;
        font-size: 15px;
    }

    .elementor-12862 .elementor-element.elementor-element-100ab15 .elementor-heading-title::after {
        flex-basis: 45px;
        width: 45px;
    }
}/* End custom CSS */