.elementor-23637 .elementor-element.elementor-element-67c4ea40{--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-23637 .elementor-element.elementor-element-793e8636{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-75101c46{--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;--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-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 blockquote{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.ob-postman blockquote cite{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-abad8e4{font-family:"Roboto", Sans-serif;font-size:1em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-abad8e4.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-abad8e4 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-23637 .elementor-element.elementor-element-3d40d0a7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-23637 .elementor-element.elementor-element-3d40d0a7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-23637 .elementor-element.elementor-element-3d40d0a7{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-23637 .elementor-element.elementor-element-3d40d0a7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23637 .elementor-element.elementor-element-3d40d0a7 .elementor-icon-list-item > a{font-family:"Avalon", Sans-serif;font-size:1.5em;font-weight:900;}.elementor-23637 .elementor-element.elementor-element-3d40d0a7 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-23637 .elementor-element.elementor-element-5de888e7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-23637 .elementor-element.elementor-element-59d25d60{--display:flex;--background-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-23637 .elementor-element.elementor-element-6c184459 .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta .elementor-cta__bg, .elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content{min-height:33vh;text-align:left;background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-23637 .elementor-element.elementor-element-10bb959c{--display:flex;--overflow:auto;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-53fa2f36{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-53fa2f36.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-53fa2f36 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-53fa2f36 p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-4789f0bc{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-55bee8c7.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-55bee8c7 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-55bee8c7 p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-6e2deaa3{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-5d809185.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-5d809185 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-5d809185 p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-b6a3703{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-e456f47.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-e456f47 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-e456f47 p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-1fa711b{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-9a2289e.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-9a2289e > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-9a2289e p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-5e07f5f0{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-3a293de.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-3a293de > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3a293de p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-6fcc29e7{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-3d9af12e.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-3d9af12e > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-3d9af12e p:last-child{margin-bottom:0px;}.elementor-23637 .elementor-element.elementor-element-30a0a102{--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-23637 .elementor-element.elementor-element-30a0a102 > .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-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-28b85ed9{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-28b85ed9.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-28b85ed9 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-74fc7b77{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-91c1bc3{--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-23637 .elementor-element.elementor-element-6d392ad4 .elementor-image-box-wrapper{text-align:left;}.elementor-23637 .elementor-element.elementor-element-6d392ad4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-23637 .elementor-element.elementor-element-6d392ad4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-23637 .elementor-element.elementor-element-6d392ad4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-23637 .elementor-element.elementor-element-6d392ad4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23637 .elementor-element.elementor-element-6d392ad4 .elementor-image-box-img{overflow:hidden;}.elementor-23637 .elementor-element.elementor-element-1c0c549e .elementor-image-box-wrapper{text-align:left;}.elementor-23637 .elementor-element.elementor-element-1c0c549e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-23637 .elementor-element.elementor-element-1c0c549e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-23637 .elementor-element.elementor-element-1c0c549e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-23637 .elementor-element.elementor-element-1c0c549e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23637 .elementor-element.elementor-element-1c0c549e .elementor-image-box-img{overflow:hidden;}.elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-6aa97817.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-6aa97817 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-76add154{--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-23637 .elementor-element.elementor-element-6716a89a{--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-23637 .elementor-element.elementor-element-72344caf{--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-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri div{writing-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > div, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > h1, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > h2, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > h3, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > h4, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > h5, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > h6, .elementor-23637 .elementor-element.elementor-element-13f532e2.ob-harakiri > p{transform:rotate(0deg);}.elementor-23637 .elementor-element.elementor-element-13f532e2 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23637 .elementor-element.elementor-element-1c5a34b5{--display:flex;--background-transition:0.3s;}.elementor-23637 .elementor-element.elementor-element-60d733cc{--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-23637 .elementor-element.elementor-element-60d733cc > .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-23637 .elementor-element.elementor-element-60d733cc.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-23637 .elementor-element.elementor-element-60d733cc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-23637 .elementor-element.elementor-element-60d733cc.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-23637 .elementor-element.elementor-element-60d733cc.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-23637 .elementor-element.elementor-element-60d733cc.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-23637 .elementor-element.elementor-element-60d733cc [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-23637 .elementor-element.elementor-element-6716a89a{--width:40%;}.elementor-23637 .elementor-element.elementor-element-72344caf{--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 blockquote{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman blockquote cite{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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-23637 .elementor-element.elementor-element-91c1bc3{--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-23637 .elementor-element.elementor-element-60d733cc{--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 blockquote{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor.ob-postman blockquote cite{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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-23637 .elementor-element.elementor-element-91c1bc3{--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-23637 .elementor-element.elementor-element-6d392ad4 .elementor-image-box-img{margin-bottom:15px;}.elementor-23637 .elementor-element.elementor-element-1c0c549e .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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 call-to-action, class: .elementor-element-6c184459 */.elementor-23637 .elementor-element.elementor-element-6c184459 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-6c184459 .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-54a92275 */.elementor-23637 .elementor-element.elementor-element-54a92275 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-54a92275 .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-2d31303f */.elementor-23637 .elementor-element.elementor-element-2d31303f .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-2d31303f .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-48185cfa */.elementor-23637 .elementor-element.elementor-element-48185cfa .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-48185cfa .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-3929c9c0 */.elementor-23637 .elementor-element.elementor-element-3929c9c0 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-3929c9c0 .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-1ed489be */.elementor-23637 .elementor-element.elementor-element-1ed489be .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-1ed489be .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-39717195 */.elementor-23637 .elementor-element.elementor-element-39717195 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-39717195 .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-36909620 */.elementor-23637 .elementor-element.elementor-element-36909620 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-23637 .elementor-element.elementor-element-36909620 .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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-55bee8c7 *//* 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-6aa97817 */.elementor-23637 .elementor-element.elementor-element-6aa97817 td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-23637 .elementor-element.elementor-element-6aa97817 td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13f532e2 *//* 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 */