.elementor-24135 .elementor-element.elementor-element-2eb2f4fe{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24135 .elementor-element.elementor-element-1d495119{--display:flex;}.elementor-24135 .elementor-element.elementor-element-6d9580df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top: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{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.ob-postman blockquote{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.ob-postman blockquote cite{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-487bb343{text-align:center;}.elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-487bb343.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-487bb343 > div{text-indent:0px;mix-blend-mode:inherit;}.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-24135 .elementor-element.elementor-element-17ed94e{--display:flex;}.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-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta .elementor-cta__bg, .elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content{min-height:66vh;text-align:start;background-color:var( --e-global-color-330b6c4 );}.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__bg-wrapper{min-width:64%;}.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__description{font-family:"Roboto", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-330b6c4 );}.elementor-24135 .elementor-element.elementor-element-1b308a33{--display:flex;--overflow:auto;}.elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1160dac5{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-1160dac5.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-1160dac5 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1160dac5 p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-3b5e5577{--display:flex;}.elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-5b462318.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-5b462318 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-5b462318 p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-2c346385{--display:flex;}.elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-590f0a47.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-590f0a47 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-590f0a47 p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-5f2011e2{--display:flex;}.elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-7f49bc7c.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-7f49bc7c > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-7f49bc7c p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-4d46c72b{--display:flex;}.elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-17b4bf4d.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-17b4bf4d > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-17b4bf4d p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-1edde5b7{--display:flex;}.elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-3e40293e.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-3e40293e > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-3e40293e p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-7f0acd7e{--display:flex;}.elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-35b61231.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-35b61231 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-35b61231 p:last-child{margin-bottom:0px;}.elementor-24135 .elementor-element.elementor-element-3c759ea0{--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-24135 .elementor-element.elementor-element-3c759ea0 > .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-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-1c851ddc{font-family:"Roboto", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-1c851ddc.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-1c851ddc > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-49a1a9a2{--display:flex;}.elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-54018e1d.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-54018e1d > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-69608ba2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24135 .elementor-element.elementor-element-31d546c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24135 .elementor-element.elementor-element-2fd08d60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;}.elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-4aa9fdfb{font-family:"Roboto", Sans-serif;font-size:1em;font-weight:800;color:var( --e-global-color-accent );}.elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-4aa9fdfb.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-4aa9fdfb > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri div{writing-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > div, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > h1, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > h2, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > h3, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > h4, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > h5, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > h6, .elementor-24135 .elementor-element.elementor-element-30a332f7.ob-harakiri > p{transform:rotate(0deg);}.elementor-24135 .elementor-element.elementor-element-30a332f7 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-24135 .elementor-element.elementor-element-28cefba{--display:flex;}.elementor-24135 .elementor-element.elementor-element-3cbd76f7{--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-24135 .elementor-element.elementor-element-3cbd76f7 > .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-24135 .elementor-element.elementor-element-3cbd76f7.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-24135 .elementor-element.elementor-element-3cbd76f7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-24135 .elementor-element.elementor-element-3cbd76f7.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-24135 .elementor-element.elementor-element-3cbd76f7.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-24135 .elementor-element.elementor-element-3cbd76f7.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-24135 .elementor-element.elementor-element-3cbd76f7 [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-24135 .elementor-element.elementor-element-31d546c8{--width:40%;}.elementor-24135 .elementor-element.elementor-element-2fd08d60{--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-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}.elementor-24135 .elementor-element.elementor-element-3cbd76f7{--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-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for call-to-action, class: .elementor-element-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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-7663ed23 */.elementor-24135 .elementor-element.elementor-element-7663ed23 .elementor-cta__content {
    position: relative; /* Necesario para posicionar el pseudoelemento */
}

.elementor-24135 .elementor-element.elementor-element-7663ed23 .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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-5b462318 *//* 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-54018e1d */.elementor-24135 .elementor-element.elementor-element-54018e1d td p{
    margin-bottom: 0;
    text-align: center;
}

.elementor-24135 .elementor-element.elementor-element-54018e1d td{
    padding: 10px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4aa9fdfb *//* 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 text-editor, class: .elementor-element-30a332f7 *//* 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 */