.elementor-20728 .elementor-element.elementor-element-2a0f324{--display:flex;--background-transition:0.3s;}.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-20728 .elementor-element.elementor-element-31af2279{--display:flex;--background-transition:0.3s;}.elementor-widget-text-editor{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-widget-text-editor.ob-postman .elementor-widget-container 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 .elementor-widget-container 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-20728 .elementor-element.elementor-element-5e497341.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-5e497341.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-5e497341.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-5e497341 > .elementor-widget-container{margin:3.5em 7em 3.5em 7em;}.elementor-20728 .elementor-element.elementor-element-5e497341{text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-5e497341 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-4412b974 .elementor-wrapper{--video-aspect-ratio:1.5;}.elementor-20728 .elementor-element.elementor-element-5047d45a{--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;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-4621cf7a{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-3b477d6a{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-3b477d6a, .elementor-20728 .elementor-element.elementor-element-3b477d6a::before{--border-transition:0.3s;}.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-20728 .elementor-element.elementor-element-6f200a83 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-6f200a83 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-6f200a83 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-6f200a83 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-6f200a83 .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-20728 .elementor-element.elementor-element-6f200a83 .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-20728 .elementor-element.elementor-element-6f200a83 .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-20728 .elementor-element.elementor-element-43b8a243 .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-20728 .elementor-element.elementor-element-43b8a243 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20728 .elementor-element.elementor-element-43b8a243 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20728 .elementor-element.elementor-element-1cb8bff5{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-21c53336{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-21c53336, .elementor-20728 .elementor-element.elementor-element-21c53336::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-47848a26 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-47848a26 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-47848a26 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-47848a26 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-47848a26 .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-20728 .elementor-element.elementor-element-47848a26 .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-20728 .elementor-element.elementor-element-47848a26 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-770f80b5 .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-20728 .elementor-element.elementor-element-770f80b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20728 .elementor-element.elementor-element-770f80b5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20728 .elementor-element.elementor-element-143ad5ce{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-19d6eb1a{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-19d6eb1a, .elementor-20728 .elementor-element.elementor-element-19d6eb1a::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-600e03c7 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-600e03c7 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-600e03c7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-600e03c7 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-600e03c7 .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-20728 .elementor-element.elementor-element-600e03c7 .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-20728 .elementor-element.elementor-element-600e03c7 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-1faf2892 .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-20728 .elementor-element.elementor-element-1faf2892 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20728 .elementor-element.elementor-element-1faf2892 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20728 .elementor-element.elementor-element-207edda1{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-4fa26c84{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-4fa26c84, .elementor-20728 .elementor-element.elementor-element-4fa26c84::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-1a8099bc .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-1a8099bc .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-1a8099bc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-1a8099bc .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-1a8099bc .elementor-cta__bg-wrapper{min-height:24vh;}.elementor-20728 .elementor-element.elementor-element-1a8099bc .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-20728 .elementor-element.elementor-element-1a8099bc .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-3c15189e .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-20728 .elementor-element.elementor-element-3c15189e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20728 .elementor-element.elementor-element-3c15189e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20728 .elementor-element.elementor-element-2b352982{--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-20728 .elementor-element.elementor-element-2b352982 .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-20728 .elementor-element.elementor-element-5db3e9f3{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__button{color:var( --e-global-color-88f61ad );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__button:hover{border-color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__button{color:var( --e-global-color-88f61ad );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__button:hover{border-color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__button{color:var( --e-global-color-88f61ad );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__button:hover{border-color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__button{color:var( --e-global-color-88f61ad );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__button:hover{border-color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-20728 .elementor-element.elementor-element-584b6bae{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-53ecb83f{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-53ecb83f, .elementor-20728 .elementor-element.elementor-element-53ecb83f::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-3904c222 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-3904c222 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-3904c222 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-3904c222 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-3904c222 .elementor-cta__bg-wrapper{min-height:20vh;}.elementor-20728 .elementor-element.elementor-element-3904c222 .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-20728 .elementor-element.elementor-element-3904c222 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-732c9cd4{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-86f2417{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-86f2417, .elementor-20728 .elementor-element.elementor-element-86f2417::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-6f301776 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-6f301776 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-6f301776 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-6f301776 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-6f301776 .elementor-cta__bg-wrapper{min-height:20vh;}.elementor-20728 .elementor-element.elementor-element-6f301776 .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-20728 .elementor-element.elementor-element-6f301776 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-742557c{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-3d31b336{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-3d31b336, .elementor-20728 .elementor-element.elementor-element-3d31b336::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-78096296 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-78096296 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-78096296 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-78096296 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-78096296 .elementor-cta__bg-wrapper{min-height:20vh;}.elementor-20728 .elementor-element.elementor-element-78096296 .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-20728 .elementor-element.elementor-element-78096296 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-739a3243{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-11d6e46f{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-11d6e46f, .elementor-20728 .elementor-element.elementor-element-11d6e46f::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-407a3474 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-407a3474 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-407a3474 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-407a3474 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-407a3474 .elementor-cta__bg-wrapper{min-height:20vh;}.elementor-20728 .elementor-element.elementor-element-407a3474 .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-20728 .elementor-element.elementor-element-407a3474 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-14c8dd94 .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-20728 .elementor-element.elementor-element-14c8dd94 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20728 .elementor-element.elementor-element-14c8dd94 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20728 .elementor-element.elementor-element-3068272d{--display:flex;--background-transition:0.3s;--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-20728 .elementor-element.elementor-element-5a5168f6{--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;--background-transition:0s;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-20728 .elementor-element.elementor-element-5a5168f6, .elementor-20728 .elementor-element.elementor-element-5a5168f6::before{--border-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-93abf73 .elementor-cta .elementor-cta__bg, .elementor-20728 .elementor-element.elementor-element-93abf73 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-20728 .elementor-element.elementor-element-93abf73 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-20728 .elementor-element.elementor-element-93abf73 .elementor-cta__content{text-align:left;padding:010% 0% 0% 0%;background-color:var( --e-global-color-88f61ad );}.elementor-20728 .elementor-element.elementor-element-93abf73 .elementor-cta__bg-wrapper{min-height:20vh;}.elementor-20728 .elementor-element.elementor-element-93abf73 .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-20728 .elementor-element.elementor-element-93abf73 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-20728 .elementor-element.elementor-element-4d071a43{--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 );}.elementor-20728 .elementor-element.elementor-element-4d071a43 > .elementor-widget-container{margin:10% 0% 0% 0%;}:where( .elementor-20728 .elementor-element.elementor-element-4d071a43 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-20728 .elementor-element.elementor-element-734cfbda{--display:flex;--overflow:auto;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-41ccb16f.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-41ccb16f.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-41ccb16f.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-41ccb16f{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-41ccb16f .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-41ccb16f .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-2c1cd635{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-5eb740d0.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-5eb740d0.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-5eb740d0.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-5eb740d0 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-5eb740d0 .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-51910a0d{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-a0015a1.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-a0015a1.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-a0015a1.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-a0015a1 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-a0015a1 .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-21d3a807{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-21ddc3c.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-21ddc3c.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-21ddc3c.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-21ddc3c .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-21ddc3c .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-a1b01cb{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-8a2692f.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-8a2692f.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-8a2692f.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-8a2692f .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-8a2692f .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-18bc9072{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-aad0da7.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-aad0da7.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-aad0da7.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-aad0da7 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-aad0da7 .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-75ac48c4{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-51f5baad.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-51f5baad.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-51f5baad.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-51f5baad .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-51f5baad .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-20728 .elementor-element.elementor-element-37b79ad6{--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-20728 .elementor-element.elementor-element-37b79ad6 > .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-20728 .elementor-element.elementor-element-5256c55a.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-5256c55a.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-5256c55a.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-5256c55a{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-20728 .elementor-element.elementor-element-5256c55a .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-12ae6ecf{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-43f16004{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image-box .elementor-image-box-description{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-20728 .elementor-element.elementor-element-55738b9 .elementor-image-box-wrapper{text-align:left;}.elementor-20728 .elementor-element.elementor-element-55738b9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20728 .elementor-element.elementor-element-55738b9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20728 .elementor-element.elementor-element-55738b9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20728 .elementor-element.elementor-element-55738b9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20728 .elementor-element.elementor-element-55738b9 .elementor-image-box-img{overflow:hidden;}.elementor-20728 .elementor-element.elementor-element-6f845d59 .elementor-image-box-wrapper{text-align:left;}.elementor-20728 .elementor-element.elementor-element-6f845d59.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20728 .elementor-element.elementor-element-6f845d59.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20728 .elementor-element.elementor-element-6f845d59.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20728 .elementor-element.elementor-element-6f845d59 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20728 .elementor-element.elementor-element-6f845d59 .elementor-image-box-img{overflow:hidden;}.elementor-20728 .elementor-element.elementor-element-647ac709.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-647ac709.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-647ac709.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-647ac709 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-23824baa{--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;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-78aaa85a{--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;--background-transition:0.3s;}.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-20728 .elementor-element.elementor-element-7e4ef72e{--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;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-81a0dd2.ob-harakiri{writing-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-81a0dd2.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-81a0dd2.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-20728 .elementor-element.elementor-element-81a0dd2 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-20728 .elementor-element.elementor-element-275dc5bb{--display:flex;--background-transition:0.3s;}.elementor-20728 .elementor-element.elementor-element-1fbc5f23{--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-20728 .elementor-element.elementor-element-1fbc5f23 > .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-20728 .elementor-element.elementor-element-1fbc5f23.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-20728 .elementor-element.elementor-element-1fbc5f23.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20728 .elementor-element.elementor-element-1fbc5f23.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-20728 .elementor-element.elementor-element-1fbc5f23.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-20728 .elementor-element.elementor-element-1fbc5f23.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-20728 .elementor-element.elementor-element-1fbc5f23 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-13a3e82 );}@media(min-width:768px){.elementor-20728 .elementor-element.elementor-element-3b477d6a{--width:100%;}.elementor-20728 .elementor-element.elementor-element-21c53336{--width:100%;}.elementor-20728 .elementor-element.elementor-element-19d6eb1a{--width:100%;}.elementor-20728 .elementor-element.elementor-element-4fa26c84{--width:100%;}.elementor-20728 .elementor-element.elementor-element-53ecb83f{--width:100%;}.elementor-20728 .elementor-element.elementor-element-86f2417{--width:100%;}.elementor-20728 .elementor-element.elementor-element-3d31b336{--width:100%;}.elementor-20728 .elementor-element.elementor-element-11d6e46f{--width:100%;}.elementor-20728 .elementor-element.elementor-element-5a5168f6{--width:100%;}.elementor-20728 .elementor-element.elementor-element-78aaa85a{--width:40%;}.elementor-20728 .elementor-element.elementor-element-7e4ef72e{--width:60%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman .elementor-widget-container blockquote{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman .elementor-widget-container blockquote cite{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-20728 .elementor-element.elementor-element-2b352982{--e-n-carousel-swiper-slides-to-display:2;}.elementor-20728 .elementor-element.elementor-element-4d071a43{--e-n-carousel-swiper-slides-to-display:2;}.elementor-20728 .elementor-element.elementor-element-43f16004{--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-20728 .elementor-element.elementor-element-1fbc5f23{--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(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman .elementor-widget-container blockquote{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman .elementor-widget-container blockquote cite{font-size:var( --e-global-typography-text-font-size );}.elementor-20728 .elementor-element.elementor-element-5e497341 > .elementor-widget-container{margin:3em 0em 3em 0em;}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}.elementor-20728 .elementor-element.elementor-element-2b352982{--e-n-carousel-swiper-slides-to-display:1;}.elementor-20728 .elementor-element.elementor-element-4d071a43{--e-n-carousel-swiper-slides-to-display:1;}.elementor-20728 .elementor-element.elementor-element-43f16004{--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-20728 .elementor-element.elementor-element-55738b9 .elementor-image-box-img{margin-bottom:15px;}.elementor-20728 .elementor-element.elementor-element-6f845d59 .elementor-image-box-img{margin-bottom:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for button, class: .elementor-element-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-43b8a243 */.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-924d70 */.elementor-20728 .elementor-element.elementor-element-924d70 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-924d70 .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-6a13bdc */.elementor-20728 .elementor-element.elementor-element-6a13bdc .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6a13bdc .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-5731da03 */.elementor-20728 .elementor-element.elementor-element-5731da03 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-5731da03 .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-a5b06f7 */.elementor-20728 .elementor-element.elementor-element-a5b06f7 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-a5b06f7 .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-6df249bd */.elementor-20728 .elementor-element.elementor-element-6df249bd .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-6df249bd .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-690d1081 */.elementor-20728 .elementor-element.elementor-element-690d1081 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-690d1081 .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-7b5c191 */.elementor-20728 .elementor-element.elementor-element-7b5c191 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-20728 .elementor-element.elementor-element-7b5c191 .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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-5eb740d0 *//* 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-647ac709 */.elementor-20728 .elementor-element.elementor-element-647ac709 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-20728 .elementor-element.elementor-element-647ac709 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81a0dd2 *//* 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 */