.elementor-23893 .elementor-element.elementor-element-6a66de4a{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23893 .elementor-element.elementor-element-289924c0{--display:flex;}.elementor-23893 .elementor-element.elementor-element-7f489249{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:3%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-23893 .elementor-element.elementor-element-7f489249.e-con{--align-self:center;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-23893 .elementor-element.elementor-element-6c888a5 .elementor-image-box-wrapper{text-align:center;}.elementor-23893 .elementor-element.elementor-element-6c888a5 .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-23893 .elementor-element.elementor-element-6c888a5 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;line-height:28px;}.elementor-23893 .elementor-element.elementor-element-466401da{--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;--margin-top:0%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23893 .elementor-element.elementor-element-35a83612{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-23893 .elementor-element.elementor-element-5d337d9c{--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;--margin-top:0%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23893 .elementor-element.elementor-element-6661cef1{--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-23893 .elementor-element.elementor-element-22a7f32{--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;border-style:none;--border-style:none;--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-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23893 .elementor-element.elementor-element-1ad31393 .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-1ad31393 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-1ad31393 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-23893 .elementor-element.elementor-element-1ad31393 .elementor-cta__content{text-align:start;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-1ad31393 .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-23893 .elementor-element.elementor-element-1ad31393 .elementor-cta__title{font-family:"Avalon", Sans-serif;font-weight:900;-webkit-text-stroke-color:var( --e-global-color-13a3e82 );stroke:var( --e-global-color-13a3e82 );color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-1ad31393 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23893 .elementor-element.elementor-element-4be116b1 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;fill:#727272;color:#727272;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-4be116b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-4be116b1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23893 .elementor-element.elementor-element-44653525{--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-23893 .elementor-element.elementor-element-3e8e1eb6{--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;border-style:none;--border-style:none;--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-23893 .elementor-element.elementor-element-3ed18b77 .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-3ed18b77 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-3ed18b77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-23893 .elementor-element.elementor-element-3ed18b77 .elementor-cta__content{text-align:start;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-3ed18b77 .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-23893 .elementor-element.elementor-element-3ed18b77 .elementor-cta__title{font-family:"Avalon", Sans-serif;font-weight:900;-webkit-text-stroke-color:var( --e-global-color-13a3e82 );stroke:var( --e-global-color-13a3e82 );color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-3ed18b77 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-2937185e .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;fill:#727272;color:#727272;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-2937185e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-2937185e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23893 .elementor-element.elementor-element-53ac61d{--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-23893 .elementor-element.elementor-element-6be2a83{--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;border-style:none;--border-style:none;--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-23893 .elementor-element.elementor-element-72088692 .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-72088692 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-72088692 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-23893 .elementor-element.elementor-element-72088692 .elementor-cta__content{text-align:start;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-72088692 .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-23893 .elementor-element.elementor-element-72088692 .elementor-cta__title{font-family:"Avalon", Sans-serif;font-weight:900;-webkit-text-stroke-color:var( --e-global-color-13a3e82 );stroke:var( --e-global-color-13a3e82 );color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-72088692 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-7a07e2eb .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;fill:#727272;color:#727272;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-7a07e2eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-7a07e2eb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23893 .elementor-element.elementor-element-22ed6462{--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-23893 .elementor-element.elementor-element-31c39df5{--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;border-style:none;--border-style:none;--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-23893 .elementor-element.elementor-element-5b140c0f .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-5b140c0f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-5b140c0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-23893 .elementor-element.elementor-element-5b140c0f .elementor-cta__content{text-align:start;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-5b140c0f .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-23893 .elementor-element.elementor-element-5b140c0f .elementor-cta__title{font-family:"Avalon", Sans-serif;font-weight:900;-webkit-text-stroke-color:var( --e-global-color-13a3e82 );stroke:var( --e-global-color-13a3e82 );color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-5b140c0f .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-69adf5b5 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;fill:#727272;color:#727272;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-69adf5b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23893 .elementor-element.elementor-element-69adf5b5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23893 .elementor-element.elementor-element-1da1515a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:40px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-70px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-45px;--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:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-45px;--e-n-carousel-arrow-size:1.9rem;--e-n-carousel-arrow-normal-color:var( --e-global-color-13a3e82 );}:where( .elementor-23893 .elementor-element.elementor-element-1da1515a .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-23893 .elementor-element.elementor-element-541a9579{--display:flex;}.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content{min-height:33vh;text-align:start;background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content{min-height:33vh;text-align:start;background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content{min-height:33vh;text-align:start;background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta .elementor-cta__bg, .elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content{min-height:33vh;text-align:start;background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__button{color:var( --e-global-color-88f61ad );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__button:hover{border-color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23893 .elementor-element.elementor-element-3414cea7{--display:flex;--overflow:auto;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.ob-postman blockquote{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.ob-postman blockquote cite{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-73b0a5b9{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-73b0a5b9.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-73b0a5b9 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-73b0a5b9 p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-10409a94{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-10409a94.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-10409a94 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-45bbec39{--display:flex;}.elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-632b70e7.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-632b70e7 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-632b70e7 p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-1ba82086{--display:flex;}.elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-4ac5e33b.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-4ac5e33b > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-4ac5e33b p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-231d9948{--display:flex;}.elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-1b783406.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-1b783406 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-1b783406 p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-69aa052d{--display:flex;}.elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-6d8367ca.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-6d8367ca > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-6d8367ca p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-668d69b0{--display:flex;}.elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-407f65ea.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-407f65ea > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-407f65ea p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-7a0283fc{--display:flex;}.elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-5018c98b.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-5018c98b > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-5018c98b p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-7ed7268{--display:flex;}.elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-274854a6.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-274854a6 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-274854a6 p:last-child{margin-bottom:0px;}.elementor-23893 .elementor-element.elementor-element-21a74f8c{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-23893 .elementor-element.elementor-element-21a74f8c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-23893 .elementor-element.elementor-element-1be3ba53{--display:flex;}.elementor-23893 .elementor-element.elementor-element-40de5e34{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-23893 .elementor-element.elementor-element-112483f1 .elementor-image-box-wrapper{text-align:start;}.elementor-23893 .elementor-element.elementor-element-112483f1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-23893 .elementor-element.elementor-element-112483f1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-23893 .elementor-element.elementor-element-112483f1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-23893 .elementor-element.elementor-element-112483f1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23893 .elementor-element.elementor-element-112483f1 .elementor-image-box-img{overflow:hidden;}.elementor-23893 .elementor-element.elementor-element-64421701 .elementor-image-box-wrapper{text-align:start;}.elementor-23893 .elementor-element.elementor-element-64421701.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-23893 .elementor-element.elementor-element-64421701.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-23893 .elementor-element.elementor-element-64421701.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-23893 .elementor-element.elementor-element-64421701 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23893 .elementor-element.elementor-element-64421701 .elementor-image-box-img{overflow:hidden;}.elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-8c293d0.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-8c293d0 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-5c78e7b9{--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;}.elementor-23893 .elementor-element.elementor-element-7cb2abce{--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-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-44d18a7b.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-44d18a7b > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-3094cae{--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;--overflow:auto;}.elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri div{writing-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > div, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > h1, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > h2, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > h3, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > h4, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > h5, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > h6, .elementor-23893 .elementor-element.elementor-element-2e2617a1.ob-harakiri > p{transform:rotate(0deg);}.elementor-23893 .elementor-element.elementor-element-2e2617a1 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23893 .elementor-element.elementor-element-16f66af5{--display:flex;}.elementor-23893 .elementor-element.elementor-element-d7ab4c6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:15px;--n-tabs-title-font-size:1.5rem;--n-tabs-title-color:#868686;--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-23893 .elementor-element.elementor-element-d7ab4c6 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-d7ab4c6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-88f61ad );border-style:solid;border-width:0px 0px 4px 0px;border-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-d7ab4c6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-23893 .elementor-element.elementor-element-d7ab4c6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-88f61ad );border-style:solid;border-width:0px 0px 4px 0px;border-color:#007AB8;}.elementor-23893 .elementor-element.elementor-element-d7ab4c6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 4px 0px;border-color:var( --e-global-color-88f61ad );}.elementor-23893 .elementor-element.elementor-element-d7ab4c6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Avalon", Sans-serif;font-weight:900;}.elementor-23893 .elementor-element.elementor-element-d7ab4c6 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-13a3e82 );}@media(max-width:1024px){.elementor-23893 .elementor-element.elementor-element-7f489249{--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}.elementor-23893 .elementor-element.elementor-element-1da1515a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman blockquote{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman blockquote cite{font-size:var( --e-global-typography-text-font-size );}.elementor-23893 .elementor-element.elementor-element-40de5e34{--grid-auto-flow:row;}.elementor-23893 .elementor-element.elementor-element-d7ab4c6{--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:1em;}}@media(min-width:768px){.elementor-23893 .elementor-element.elementor-element-7f489249{--width:75%;}.elementor-23893 .elementor-element.elementor-element-22a7f32{--width:100%;}.elementor-23893 .elementor-element.elementor-element-3e8e1eb6{--width:100%;}.elementor-23893 .elementor-element.elementor-element-6be2a83{--width:100%;}.elementor-23893 .elementor-element.elementor-element-31c39df5{--width:100%;}.elementor-23893 .elementor-element.elementor-element-7cb2abce{--width:40%;}.elementor-23893 .elementor-element.elementor-element-3094cae{--width:60%;}}@media(max-width:767px){.elementor-23893 .elementor-element.elementor-element-7f489249{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}.elementor-23893 .elementor-element.elementor-element-1da1515a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman blockquote{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman blockquote cite{font-size:var( --e-global-typography-text-font-size );}.elementor-23893 .elementor-element.elementor-element-40de5e34{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-23893 .elementor-element.elementor-element-112483f1 .elementor-image-box-img{margin-bottom:15px;}.elementor-23893 .elementor-element.elementor-element-64421701 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4be116b1 */.elementor-button .elementor-button-icon {
    font-size: 1.375rem; /* Tamaño del ícono */
    position: relative;
    top: -0.15em; /* Ajuste manual para centrar el ícono con el texto */
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-6363b221 */.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-6363b221 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-1511cec9 */.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-1511cec9 .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-528d578e */.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-528d578e .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-3eb5cade */.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23893 .elementor-element.elementor-element-3eb5cade .elementor-cta__content::before {
    content: '';
    position: absolute;
    top: 0; /* Ajusta según dónde quieras el borde */
    left: 50%; /* Centra el borde horizontalmente */
    transform: translateX(-50%); /* Mueve el borde al centro del elemento */
    width: 85%; /* Define el largo del borde */
    border-top: solid 2px black;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b70e7 *//* Estilos generales para la tabla */
.sprocket__table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: white !important; /* Fondo blanco para la tabla */
  font-size: 1rem; /* Tamaño de fuente por defecto */
  border-left: 2px solid var(--gray-10); /* Mantener borde izquierdo */
  border-right: 2px solid var(--gray-10); /* Mantener borde derecho */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior */
  border-bottom: 2px solid var(--gray-10); /* Mantener borde inferior */
}

/* Alineación de todo el texto en las celdas */
.sprocket__table th, .sprocket__table td {
  border: 1px solid #ddd; /* Bordes internos */
  padding: 0.75rem;
  text-align: left; /* Alineación a la izquierda */
  vertical-align: middle; /* Alineación vertical en el medio para ambas columnas */
  background-color: white !important; /* Fondo blanco para las celdas */
  font-size: 1rem; /* Asegura que el tamaño de fuente sea consistente */
}

/* Encabezados */
.sprocket__table th {
  font-weight: 500;
  font-size: 1.125rem; /* Tamaño de fuente para los encabezados */
  padding: 1rem 0;
  background-color: white !important; /* Fondo blanco para los encabezados */
  text-align: left; /* Asegura que los encabezados estén alineados a la izquierda */
  border-left: 1px solid #ddd; /* Mantener borde izquierdo del encabezado */
  border-right: 1px solid #ddd; /* Mantener borde derecho del encabezado */
  border-top: 2px solid var(--gray-10); /* Mantener borde superior en el encabezado */
}

/* Filas */
.sprocket__table tbody tr {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
  border: none; /* Eliminar borde en las filas */
}

/* Elimina el color gris en filas pares o impares */
.sprocket__table tbody tr:nth-child(even),
.sprocket__table tbody tr:nth-child(odd) {
  background-color: white !important; /* Asegura que todas las filas tengan fondo blanco */
}

/* Borde inferior de celdas */
.sprocket__table tbody th, .sprocket__table tbody td {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior en celdas */
}

/* Asegura que el cursor no cambie el color al pasar por encima */
.sprocket__table tbody tr:hover {
  background-color: white !important; /* Fondo blanco al pasar el cursor */
  box-shadow: none !important; /* Elimina sombras al pasar el cursor */
  text-shadow: none !important; /* Elimina posibles efectos de texto */
}

.sprocket__table tbody tr:hover td, .sprocket__table tbody tr:hover th {
  background-color: white !important; /* Asegura que las celdas dentro de la fila no cambien de color */
}

/* Primera fila: Asegura que no se sombreé ni cambie de color */
.sprocket__table tbody tr:first-child {
  background-color: white !important; /* Fondo blanco para la primera fila */
  box-shadow: none !important; /* Elimina cualquier sombra en la primera fila */
}

/* Borde inferior del encabezado */
.sprocket__table thead th {
  border-bottom: 2px solid var(--gray-10); /* Borde inferior del encabezado */
}

/* Estilos para pantallas con un ancho mínimo de 40em (media query) */
@media print, screen and (min-width: 40em) {
  .sprocket__table tbody th:first-child {
    width: 20%;
    vertical-align: text-bottom; /* Alineación vertical en la primera columna */
    border-right: 2px solid var(--gray-10); /* Borde derecho agregado */
  }
}

/* Estilos para pantallas pequeñas (menos de 40em) */
@media screen and (max-width: 40em) {
  .sprocket__table {
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento horizontal en pantallas pequeñas */
    display: block;
    margin: 0; /* Eliminar márgenes innecesarios */
  }

  /* Hacer más pequeñas las celdas */
  .sprocket__table th, .sprocket__table td {
    padding: 0.5rem; /* Reducir el padding */
    font-size: 0.875rem; /* Reducir el tamaño de la fuente */
  }

  /* Convertir la tabla a formato lista */
  .sprocket__table th, .sprocket__table td {
    display: block;
    width: 100%;
  }

  /* Hacer que las celdas se apilen verticalmente */
  .sprocket__table td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd; /* Bordes entre celdas apiladas */
  }

  .sprocket__table th {
    border-top: 1px solid #ddd;
  }

  .sprocket__table thead {
    display: none; /* Ocultar encabezado en pantallas pequeñas */
  }

  .sprocket__table td::before {
    content: attr(data-label); /* Mostrar nombre de la columna antes del contenido */
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8c293d0 */.elementor-23893 .elementor-element.elementor-element-8c293d0 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23893 .elementor-element.elementor-element-8c293d0 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e2617a1 *//* Definición de variable de color si se usa */
:root {
    --gray-10: #ccc; /* Definir el color para el borde superior */
}

/* Estilos generales para la tabla */
#sizing-table {
    border-collapse: collapse;
    width: 100%;
    background-color: white; /* Fondo blanco */
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

/* Quitar bordes en todas las celdas */
#sizing-table th, #sizing-table td {
    background-color: transparent !important; /* Asegurar que no haya fondo */
    padding: 0.625rem 1rem; /* Ajuste de espacio */
    font-size: 0.75rem;
    border: 0; /* Asegurar que no haya bordes predeterminados */
}

/* Bordes superiores en las celdas de datos */
#sizing-table td {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en cada celda de datos */
}

/* Bordes superiores en los encabezados */
#sizing-table th {
    border-top: 1px solid var(--gray-10); /* Bordes superiores en el encabezado */
}

/* Quitar sombreado alternado */
#sizing-table tbody tr:nth-child(even) {
    background-color: transparent !important; /* Eliminar sombreado alternado */
}

/* Eliminar sombreado cuando se pasa el cursor por encima de las celdas */
#sizing-table td:hover, #sizing-table th:hover {
    background-color: transparent !important; /* Eliminar el sombreado de hover */
}

/* Estilos para los encabezados */
.sizing-table__header {
    text-align: left;
    font-weight: 600; /* Font weight 600 para los encabezados */
}

/* Estilos para las celdas de datos */
.sizing-table__data {
    font-weight: 400; /* Font weight 400 para las celdas de datos */
}

/* Si necesitas bordes superiores para las celdas de datos con la clase .sizing-table__data, puedes mantener los bordes que ya están definidos *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avalon';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://trekperu.pe/wp-content/uploads/2024/03/Avalon-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Avalon';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://trekperu.pe/wp-content/uploads/2024/03/Avalon-Bold-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */