.elementor-12741 .elementor-element.elementor-element-3266cf5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12741 .elementor-element.elementor-element-3890953{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12741 .elementor-element.elementor-element-d7a6c59 img{border-radius:12px 12px 12px 12px;}.elementor-12741 .elementor-element.elementor-element-37ff5d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12741 .elementor-element.elementor-element-37ff5d1:not(.elementor-motion-effects-element-type-background), .elementor-12741 .elementor-element.elementor-element-37ff5d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B11506;}.elementor-12741 .elementor-element.elementor-element-13aecb8 .elementor-heading-title{font-size:16px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-67de02f{--divider-border-style:solid;--divider-color:#D93F3F;--divider-border-width:3px;}.elementor-12741 .elementor-element.elementor-element-67de02f > .elementor-widget-container{margin:-4px 0px 10px 0px;}.elementor-12741 .elementor-element.elementor-element-67de02f .elementor-divider-separator{width:23%;}.elementor-12741 .elementor-element.elementor-element-11a2bad .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-2900012 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12741 .elementor-element.elementor-element-2900012{font-size:17px;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-7c1fb65{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12741 .elementor-element.elementor-element-e7dcc2e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12741 .elementor-element.elementor-element-833f75e .elementor-icon-box-wrapper{gap:15px;}.elementor-12741 .elementor-element.elementor-element-833f75e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-833f75e.elementor-view-framed .elementor-icon, .elementor-12741 .elementor-element.elementor-element-833f75e.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-833f75e .elementor-icon{font-size:35px;}.elementor-12741 .elementor-element.elementor-element-833f75e .elementor-icon-box-title, .elementor-12741 .elementor-element.elementor-element-833f75e .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12741 .elementor-element.elementor-element-833f75e .elementor-icon-box-title{color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-2099457{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12741 .elementor-element.elementor-element-ac3d036 .elementor-icon-box-wrapper{gap:15px;}.elementor-12741 .elementor-element.elementor-element-ac3d036.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-ac3d036.elementor-view-framed .elementor-icon, .elementor-12741 .elementor-element.elementor-element-ac3d036.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-ac3d036 .elementor-icon{font-size:35px;}.elementor-12741 .elementor-element.elementor-element-ac3d036 .elementor-icon-box-title, .elementor-12741 .elementor-element.elementor-element-ac3d036 .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12741 .elementor-element.elementor-element-ac3d036 .elementor-icon-box-title{color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-4d7dac1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12741 .elementor-element.elementor-element-66de9ed .elementor-icon-box-wrapper{gap:15px;}.elementor-12741 .elementor-element.elementor-element-66de9ed.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-66de9ed.elementor-view-framed .elementor-icon, .elementor-12741 .elementor-element.elementor-element-66de9ed.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-66de9ed .elementor-icon{font-size:35px;}.elementor-12741 .elementor-element.elementor-element-66de9ed .elementor-icon-box-title, .elementor-12741 .elementor-element.elementor-element-66de9ed .elementor-icon-box-title a{font-size:16px;line-height:16px;}.elementor-12741 .elementor-element.elementor-element-66de9ed .elementor-icon-box-title{color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-3e31a32{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-12741 .elementor-element.elementor-element-6e116f8 .elementor-heading-title{font-size:36px;font-weight:700;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-db2c8d6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12741 .elementor-element.elementor-element-db2c8d6 .elementor-heading-title{color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-350e1ed .elementor-button{background-color:#FFFFFF;font-weight:700;text-transform:uppercase;fill:#B11506;color:#B11506;}.elementor-12741 .elementor-element.elementor-element-350e1ed > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-12741 .elementor-element.elementor-element-cf4961e{--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-12741 .elementor-element.elementor-element-359669c{--spacer-size:10px;}.elementor-12741 .elementor-element.elementor-element-31d55e1{--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-12741 .elementor-element.elementor-element-05db4f0{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12741 .elementor-element.elementor-element-c162ef8{text-align:center;}.elementor-12741 .elementor-element.elementor-element-c162ef8 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-3a712c0{text-align:center;}.elementor-12741 .elementor-element.elementor-element-5693ec6{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12741 .elementor-element.elementor-element-d6cfc3a{--display:flex;--gap:020px 20px;--row-gap:020px;--column-gap:20px;}.elementor-12741 .elementor-element.elementor-element-6177352{text-align:center;}.elementor-12741 .elementor-element.elementor-element-6177352 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-cf0362f{--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-12741 .elementor-element.elementor-element-ba17d13{text-align:center;}.elementor-12741 .elementor-element.elementor-element-ba17d13 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-672da9e .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-1200105{--display:flex;}.elementor-12741 .elementor-element.elementor-element-9640c3c{text-align:center;}.elementor-12741 .elementor-element.elementor-element-9640c3c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-46fe139{--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-12741 .elementor-element.elementor-element-d333489 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-4294540 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-a884019{--display:flex;}.elementor-12741 .elementor-element.elementor-element-ff9ff41{text-align:center;}.elementor-12741 .elementor-element.elementor-element-ff9ff41 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-cc31e98{--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-12741 .elementor-element.elementor-element-9c37eb8 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-9438baf .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-e2ff56c{--display:flex;}.elementor-12741 .elementor-element.elementor-element-651f06c{text-align:center;}.elementor-12741 .elementor-element.elementor-element-651f06c .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-ecb0880{--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-12741 .elementor-element.elementor-element-cf33ccb .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-3f522a1 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-e8f9711{--display:flex;}.elementor-12741 .elementor-element.elementor-element-dbe5ae5{text-align:center;}.elementor-12741 .elementor-element.elementor-element-dbe5ae5 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-b434b4e{--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-12741 .elementor-element.elementor-element-4d3bd00 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-0686ad1 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-30df587{--display:flex;}.elementor-12741 .elementor-element.elementor-element-8cc5158{text-align:center;}.elementor-12741 .elementor-element.elementor-element-8cc5158 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-0473ba8{--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-12741 .elementor-element.elementor-element-62a2cb8 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-17bf7c4 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-5c5b257{--display:flex;}.elementor-12741 .elementor-element.elementor-element-3b37383{text-align:center;}.elementor-12741 .elementor-element.elementor-element-3b37383 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-3a12358{--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-12741 .elementor-element.elementor-element-5748c4d .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-4af2eb9 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-b402f2d{--display:flex;}.elementor-12741 .elementor-element.elementor-element-bba7fad{text-align:center;}.elementor-12741 .elementor-element.elementor-element-bba7fad .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-df48bdf{--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-12741 .elementor-element.elementor-element-3b2acf8 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-5652bc0 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-395ff06{--display:flex;}.elementor-12741 .elementor-element.elementor-element-63e6af2{text-align:center;}.elementor-12741 .elementor-element.elementor-element-63e6af2 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:17px;font-weight:600;}.elementor-12741 .elementor-element.elementor-element-82a1eb8{--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-12741 .elementor-element.elementor-element-f10382d .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:13px;font-weight:600;color:#A80000;}.elementor-12741 .elementor-element.elementor-element-b2f51e4 .elementor-button{background-color:#A80000;font-family:"Tahoma", Sans-serif;font-size:14px;}.elementor-12741 .elementor-element.elementor-element-751899d{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:15px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-12741 .elementor-element.elementor-element-ac43dcf{--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-12741 .elementor-element.elementor-element-dfac71f{--spacer-size:10px;}.elementor-12741 .elementor-element.elementor-element-c8b2f91{--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-12741 .elementor-element.elementor-element-c8b2f91:not(.elementor-motion-effects-element-type-background), .elementor-12741 .elementor-element.elementor-element-c8b2f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-12741 .elementor-element.elementor-element-d9a76f9{--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-12741 .elementor-element.elementor-element-c2ff89c .elementor-heading-title{font-size:15px;font-weight:600;letter-spacing:0px;color:#B11506;}.elementor-12741 .elementor-element.elementor-element-95debef .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-f18678b > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12741 .elementor-element.elementor-element-f18678b{font-size:17px;}.elementor-12741 .elementor-element.elementor-element-5569de1 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-12741 .elementor-element.elementor-element-5569de1{font-size:17px;}.elementor-12741 .elementor-element.elementor-element-83057be > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12741 .elementor-element.elementor-element-83057be{font-size:17px;}.elementor-12741 .elementor-element.elementor-element-19950ae{--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-12741 .elementor-element.elementor-element-15b75fb img{border-radius:250px 250px 250px 250px;}.elementor-12741 .elementor-element.elementor-element-7485b65{--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-12741 .elementor-element.elementor-element-747d8e1 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-12741 .elementor-element.elementor-element-747d8e1{text-align:center;}.elementor-12741 .elementor-element.elementor-element-747d8e1 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-b9cbb0b .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-b9c6d37 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-c8a16b6 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-18f02c4 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:20px;font-weight:700;}.elementor-12741 .elementor-element.elementor-element-c0435f9{--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-12741 .elementor-element.elementor-element-c0435f9:not(.elementor-motion-effects-element-type-background), .elementor-12741 .elementor-element.elementor-element-c0435f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12741 .elementor-element.elementor-element-0a32354{--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-12741 .elementor-element.elementor-element-7970696 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-1b3e5e6 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-12741 .elementor-element.elementor-element-1b3e5e6{font-size:17px;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-145820a{--display:flex;--justify-content:center;}.elementor-12741 .elementor-element.elementor-element-e74900a .elementor-button{background-color:#A80000;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-12741 .elementor-element.elementor-element-e74900a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12741 .elementor-element.elementor-element-e74900a .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(max-width:1024px){.elementor-12741 .elementor-element.elementor-element-751899d{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-12741 .elementor-element.elementor-element-3890953{--width:50%;}.elementor-12741 .elementor-element.elementor-element-37ff5d1{--width:50%;}.elementor-12741 .elementor-element.elementor-element-e7dcc2e{--width:33.3%;}.elementor-12741 .elementor-element.elementor-element-2099457{--width:33.3%;}.elementor-12741 .elementor-element.elementor-element-4d7dac1{--width:33.3%;}.elementor-12741 .elementor-element.elementor-element-d9a76f9{--width:50%;}.elementor-12741 .elementor-element.elementor-element-19950ae{--width:50%;}}@media(max-width:767px){.elementor-12741 .elementor-element.elementor-element-3e31a32{--justify-content:center;}.elementor-12741 .elementor-element.elementor-element-cf0362f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12741 .elementor-element.elementor-element-ba17d13.elementor-element{--align-self:center;}.elementor-12741 .elementor-element.elementor-element-ba17d13{text-align:center;}.elementor-12741 .elementor-element.elementor-element-46fe139{--justify-content:center;}.elementor-12741 .elementor-element.elementor-element-751899d{--e-n-carousel-swiper-slides-to-display:2;}}/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .elementor-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(216, 35, 42, 0.2);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53b0407 */.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-6177352 */.titulo-producto .elementor-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-ba17d13 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9640c3c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-d333489 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-1200105 */.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-6d5f438 */.imagen-producto {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9ff41 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-9c37eb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-651f06c */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-cf33ccb *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dbe5ae5 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-4d3bd00 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cc5158 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-62a2cb8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b37383 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-5748c4d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bba7fad */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-3b2acf8 *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

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

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

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

.imagen-producto:hover img {
    transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e6af2 */.titulo-producto .elementor-heading-title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    text-align: left;
    
    /* Línea fija roja corporativa y separación constante */
    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-f10382d *//* =========================================
   MEJORA CSS PARA LA CLASE: .precio-producto
   (Aplicar al widget de Encabezado del Precio)
   ========================================= */

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

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

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

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

/* Estado al presionar (Click) */
.boton-producto .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-751899d *//* =========================================
   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-c2ff89c *//* INFORMACIÓN DESTACADA + LÍNEA */

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

    width: 70px;
    height: 2px;

    background: #A80000;
}

@media (max-width: 767px) {

    .elementor-12741 .elementor-element.elementor-element-c2ff89c .elementor-heading-title {
        gap: 12px;
        font-size: 15px;
    }

    .elementor-12741 .elementor-element.elementor-element-c2ff89c .elementor-heading-title::after {
        flex-basis: 45px;
        width: 45px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5569de1 *//* LISTA DE APLICACIONES */

.elementor-12741 .elementor-element.elementor-element-5569de1 ul {
    margin: 0;
    padding-left: 22px;
}

.elementor-12741 .elementor-element.elementor-element-5569de1 li {
    margin-bottom: 8px;
    padding-left: 5px;

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

.elementor-12741 .elementor-element.elementor-element-5569de1 li:last-child {
    margin-bottom: 0;
}

.elementor-12741 .elementor-element.elementor-element-5569de1 li::marker {
    color: #A80000;
    font-size: 1.1em;
}

@media (max-width: 767px) {

    .elementor-12741 .elementor-element.elementor-element-5569de1 li {
        margin-bottom: 6px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83057be *//* RECOMENDACIÓN FINAL */

.elementor-12741 .elementor-element.elementor-element-83057be .elementor-widget-container {
    padding: 7px 7px;

    background: #FFFFFF;
    border-left: 4px solid #A80000;
    border-radius: 0 5px 5px 0;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.035);
}

.elementor-12741 .elementor-element.elementor-element-83057be p {
    margin: 0;

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

@media (max-width: 767px) {

    .elementor-12741 .elementor-element.elementor-element-83057be .elementor-widget-container {
        padding: 15px 16px;
    }

    .elementor-12741 .elementor-element.elementor-element-83057be p {
        font-size: 16px;
    }
}/* End custom CSS */