.elementor-1617 .elementor-element.elementor-element-bd44f23{--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;--overlay-opacity:1;--padding-top:150px;--padding-bottom:150px;--padding-left:80px;--padding-right:80px;}.elementor-1617 .elementor-element.elementor-element-bd44f23:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-bd44f23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.transportesnazar.cl/wp-content/uploads/2026/05/2-3-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1617 .elementor-element.elementor-element-bd44f23::before, .elementor-1617 .elementor-element.elementor-element-bd44f23 > .elementor-background-video-container::before, .elementor-1617 .elementor-element.elementor-element-bd44f23 > .e-con-inner > .elementor-background-video-container::before, .elementor-1617 .elementor-element.elementor-element-bd44f23 > .elementor-background-slideshow::before, .elementor-1617 .elementor-element.elementor-element-bd44f23 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1617 .elementor-element.elementor-element-bd44f23 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1617 .elementor-element.elementor-element-ccb1a70{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1617 .elementor-element.elementor-element-d5f3bf2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-3f53223 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;line-height:25px;color:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-3f53223{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;}.elementor-1617 .elementor-element.elementor-element-af10673{--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;--overlay-opacity:1;--padding-top:150px;--padding-bottom:150px;--padding-left:80px;--padding-right:80px;}.elementor-1617 .elementor-element.elementor-element-af10673:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-af10673 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.transportesnazar.cl/wp-content/uploads/2026/05/freepik__expand__1180-2-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1617 .elementor-element.elementor-element-af10673::before, .elementor-1617 .elementor-element.elementor-element-af10673 > .elementor-background-video-container::before, .elementor-1617 .elementor-element.elementor-element-af10673 > .e-con-inner > .elementor-background-video-container::before, .elementor-1617 .elementor-element.elementor-element-af10673 > .elementor-background-slideshow::before, .elementor-1617 .elementor-element.elementor-element-af10673 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1617 .elementor-element.elementor-element-af10673 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(270deg, #0F172A00 0%, #1E1E1E 100%);}.elementor-1617 .elementor-element.elementor-element-3095ac4{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-db4edf8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-db4edf8{width:var( --container-widget-width, 530px );max-width:530px;--container-widget-width:530px;--container-widget-flex-grow:0;}.elementor-1617 .elementor-element.elementor-element-ab1239f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;line-height:25px;color:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-0e11597{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1617 .elementor-element.elementor-element-c2a9539{--display:flex;}.elementor-1617 .elementor-element.elementor-element-151dfbc{--display:flex;--min-height:460px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-151dfbc:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-151dfbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1617 .elementor-element.elementor-element-241f8d4 img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-241f8d4{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-1617 .elementor-element.elementor-element-4bbe726{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-4bbe726.e-con{--align-self:center;}.elementor-1617 .elementor-element.elementor-element-e5c7249 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-cc7132e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:20px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-918aee4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:15px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1617 .elementor-element.elementor-element-7edc63e{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;}.elementor-1617 .elementor-element.elementor-element-7edc63e .elementor-divider-separator{width:100%;}.elementor-1617 .elementor-element.elementor-element-7edc63e .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button .elementor-button-content-wrapper{gap:80px;}.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#0F172A;color:#0F172A;background-color:#E8E4FF;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:3px 3px 3px 20px;}.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button:focus{color:#FFFFFF;background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button:hover svg, .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-d9b112a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-392bb31{--display:flex;}.elementor-1617 .elementor-element.elementor-element-b89e5ff{--display:flex;--min-height:460px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-b89e5ff:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-b89e5ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-1617 .elementor-element.elementor-element-4c88c24 img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-4c88c24{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-1617 .elementor-element.elementor-element-af5a461{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-af5a461.e-con{--align-self:center;}.elementor-1617 .elementor-element.elementor-element-c6ab063 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-6225d86 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:20px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-7c7e768{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:15px;}.elementor-1617 .elementor-element.elementor-element-e2c647c{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;}.elementor-1617 .elementor-element.elementor-element-e2c647c .elementor-divider-separator{width:100%;}.elementor-1617 .elementor-element.elementor-element-e2c647c .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button .elementor-button-content-wrapper{gap:80px;}.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#0F172A;color:#0F172A;background-color:#E8E4FF;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:3px 3px 3px 20px;}.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button:focus{color:#FFFFFF;background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button:hover svg, .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-daae70a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-3c6d684{--display:flex;}.elementor-1617 .elementor-element.elementor-element-e736cf1{--display:flex;--min-height:460px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-e736cf1:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-e736cf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-1617 .elementor-element.elementor-element-57a7dea img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-57a7dea{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-1617 .elementor-element.elementor-element-0f81014{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-0f81014.e-con{--align-self:center;}.elementor-1617 .elementor-element.elementor-element-1d282bf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-1cd0545 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:20px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-bce0957{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:15px;}.elementor-1617 .elementor-element.elementor-element-ce6a9a6{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;}.elementor-1617 .elementor-element.elementor-element-ce6a9a6 .elementor-divider-separator{width:100%;}.elementor-1617 .elementor-element.elementor-element-ce6a9a6 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button .elementor-button-content-wrapper{gap:80px;}.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#0F172A;color:#0F172A;background-color:#E8E4FF;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:3px 3px 3px 20px;}.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button:focus{color:#FFFFFF;background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button:hover svg, .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-ec6a963{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-c26b673{--display:flex;}.elementor-1617 .elementor-element.elementor-element-543578b{--display:flex;--min-height:460px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-543578b:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-543578b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-1617 .elementor-element.elementor-element-400f775 img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-400f775{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-1617 .elementor-element.elementor-element-cb32db4{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-cb32db4.e-con{--align-self:center;}.elementor-1617 .elementor-element.elementor-element-96038fa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-a0a8286 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:20px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-c0b839c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:15px;}.elementor-1617 .elementor-element.elementor-element-135d8ac{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;}.elementor-1617 .elementor-element.elementor-element-135d8ac .elementor-divider-separator{width:100%;}.elementor-1617 .elementor-element.elementor-element-135d8ac .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button .elementor-button-content-wrapper{gap:80px;}.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#0F172A;color:#0F172A;background-color:#E8E4FF;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:3px 3px 3px 20px;}.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button:focus{color:#FFFFFF;background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button:hover svg, .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-078cac2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-0086865{--display:flex;}.elementor-1617 .elementor-element.elementor-element-5d97137{--display:flex;--min-height:460px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-5d97137:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-5d97137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-1617 .elementor-element.elementor-element-3052ee6 img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-3052ee6{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-1617 .elementor-element.elementor-element-7bdbbf6{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-7bdbbf6.e-con{--align-self:center;}.elementor-1617 .elementor-element.elementor-element-043c5e9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-f6f6cf1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:20px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-a5a5a3b{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:15px;}.elementor-1617 .elementor-element.elementor-element-452aded{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;}.elementor-1617 .elementor-element.elementor-element-452aded .elementor-divider-separator{width:100%;}.elementor-1617 .elementor-element.elementor-element-452aded .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button .elementor-button-content-wrapper{gap:80px;}.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#0F172A;color:#0F172A;background-color:#E8E4FF;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:3px 3px 3px 20px;}.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button:focus{color:#FFFFFF;background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button:hover svg, .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-f7f8523{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-7dd8d9b{--display:flex;}.elementor-1617 .elementor-element.elementor-element-ca6b43d{--display:flex;--min-height:460px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-ca6b43d:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-ca6b43d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-1617 .elementor-element.elementor-element-e9138f1 img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-e9138f1{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-1617 .elementor-element.elementor-element-0db21a1{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-0db21a1.e-con{--align-self:center;}.elementor-1617 .elementor-element.elementor-element-4d6dafc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-8256468 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:20px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-191a2fb{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;bottom:15px;}.elementor-1617 .elementor-element.elementor-element-ae4ead6{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;}.elementor-1617 .elementor-element.elementor-element-ae4ead6 .elementor-divider-separator{width:100%;}.elementor-1617 .elementor-element.elementor-element-ae4ead6 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button .elementor-button-content-wrapper{gap:80px;}.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#0F172A;color:#0F172A;background-color:#E8E4FF;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:3px 3px 3px 20px;}.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button:focus{color:#FFFFFF;background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button:hover svg, .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-b2acc21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-17da6cb{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-10px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-10px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#FFFFFF;}.elementor-1617 .elementor-element.elementor-element-17da6cb :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#0F172A;border-radius:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-1617 .elementor-element.elementor-element-17da6cb :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#2B0EBE;}.elementor-1617 .elementor-element.elementor-element-58c93ca{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-1617 .elementor-element.elementor-element-58c93ca:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-58c93ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.transportesnazar.cl/wp-content/uploads/2026/05/Mask-group-10-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1617 .elementor-element.elementor-element-57ebb8c{text-align:center;width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;}.elementor-1617 .elementor-element.elementor-element-57ebb8c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:45px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-9619ea5{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;}.elementor-1617 .elementor-element.elementor-element-9619ea5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;line-height:25px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-d185b10{--display:grid;--min-height:300px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-e9b7223{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-c7bc4bb img{width:120px;}.elementor-1617 .elementor-element.elementor-element-c7bc4bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;top:20px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-c7bc4bb{left:45px;}body.rtl .elementor-1617 .elementor-element.elementor-element-c7bc4bb{right:45px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-title, .elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;}.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-title{color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-638002f:has(:hover) .elementor-icon-box-title,
					 .elementor-1617 .elementor-element.elementor-element-638002f:has(:focus) .elementor-icon-box-title{color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-638002f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1617 .elementor-element.elementor-element-78689ff{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:70px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-c13778d img{width:120px;}.elementor-1617 .elementor-element.elementor-element-c13778d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;top:20px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-c13778d{left:45px;}body.rtl .elementor-1617 .elementor-element.elementor-element-c13778d{right:45px;}.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-title, .elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;}.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-title{color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-e273ebc:has(:hover) .elementor-icon-box-title,
					 .elementor-1617 .elementor-element.elementor-element-e273ebc:has(:focus) .elementor-icon-box-title{color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-e273ebc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1617 .elementor-element.elementor-element-f8bddd1{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:140px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-e200c37 img{width:120px;}.elementor-1617 .elementor-element.elementor-element-e200c37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;top:20px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-e200c37{left:45px;}body.rtl .elementor-1617 .elementor-element.elementor-element-e200c37{right:45px;}.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-title, .elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;}.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-title{color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-58a1351:has(:hover) .elementor-icon-box-title,
					 .elementor-1617 .elementor-element.elementor-element-58a1351:has(:focus) .elementor-icon-box-title{color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-58a1351{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1617 .elementor-element.elementor-element-456807b{--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 80px;--row-gap:0px;--column-gap:80px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1617 .elementor-element.elementor-element-456807b::before, .elementor-1617 .elementor-element.elementor-element-456807b > .elementor-background-video-container::before, .elementor-1617 .elementor-element.elementor-element-456807b > .e-con-inner > .elementor-background-video-container::before, .elementor-1617 .elementor-element.elementor-element-456807b > .elementor-background-slideshow::before, .elementor-1617 .elementor-element.elementor-element-456807b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1617 .elementor-element.elementor-element-456807b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1617 .elementor-element.elementor-element-97c3b81{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-7e5b83a img{border-radius:10px 10px 10px 10px;}.elementor-1617 .elementor-element.elementor-element-8d0add5{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-e7eea4f{text-align:start;top:0px;}.elementor-1617 .elementor-element.elementor-element-e7eea4f img{width:170px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-e7eea4f{left:0px;}body.rtl .elementor-1617 .elementor-element.elementor-element-e7eea4f{right:0px;}.elementor-1617 .elementor-element.elementor-element-9fad848 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-9fad848{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-1617 .elementor-element.elementor-element-5323614 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:25px;color:#0F172A;}.elementor-1617 .elementor-element.elementor-element-5323614{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button .elementor-button-content-wrapper{gap:25px;}.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-color:#2B0EBE;transition-duration:0.3s;border-radius:10px 10px 10px 10px;padding:5px 5px 5px 30px;}.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button:hover, .elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button:focus{background-color:#38B6FF;}.elementor-1617 .elementor-element.elementor-element-fb794e1{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-1617 .elementor-element.elementor-element-17da6cb{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1617 .elementor-element.elementor-element-d185b10{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1617 .elementor-element.elementor-element-bd44f23{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:340px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-bd44f23:not(.elementor-motion-effects-element-type-background), .elementor-1617 .elementor-element.elementor-element-bd44f23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.transportesnazar.cl/wp-content/uploads/2026/05/Fondo-9.webp");}.elementor-1617 .elementor-element.elementor-element-ccb1a70{--width:320px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1617 .elementor-element.elementor-element-d5f3bf2{text-align:center;}.elementor-1617 .elementor-element.elementor-element-d5f3bf2 .elementor-heading-title{font-size:20px;line-height:25px;}.elementor-1617 .elementor-element.elementor-element-3f53223{text-align:center;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-1617 .elementor-element.elementor-element-3f53223 .elementor-heading-title{font-size:9.5px;line-height:20px;}.elementor-1617 .elementor-element.elementor-element-af10673{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-3095ac4{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1617 .elementor-element.elementor-element-db4edf8 .elementor-heading-title{font-size:30px;}.elementor-1617 .elementor-element.elementor-element-ab1239f .elementor-heading-title{font-size:14px;line-height:24px;}.elementor-1617 .elementor-element.elementor-element-ab1239f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1617 .elementor-element.elementor-element-0e11597{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-d9b112a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-daae70a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-ec6a963{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-078cac2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-f7f8523{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-b2acc21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1617 .elementor-element.elementor-element-17da6cb{--e-n-carousel-swiper-slides-to-display:1;padding:0px 0px 0px 0px;}.elementor-1617 .elementor-element.elementor-element-58c93ca{--gap:020px 020px;--row-gap:020px;--column-gap:020px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-57ebb8c .elementor-heading-title{font-size:25px;line-height:35px;}.elementor-1617 .elementor-element.elementor-element-9619ea5 .elementor-heading-title{font-size:14px;line-height:24px;}.elementor-1617 .elementor-element.elementor-element-d185b10{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1617 .elementor-element.elementor-element-e9b7223{border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-c7bc4bb{left:50px;}body.rtl .elementor-1617 .elementor-element.elementor-element-c7bc4bb{right:50px;}.elementor-1617 .elementor-element.elementor-element-c7bc4bb{top:40px;}.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-title, .elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-title a{font-size:16px;}.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon-box-description{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-78689ff{border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-c13778d{left:50px;}body.rtl .elementor-1617 .elementor-element.elementor-element-c13778d{right:50px;}.elementor-1617 .elementor-element.elementor-element-c13778d{top:40px;}.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-title, .elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-title a{font-size:16px;}.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon-box-description{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-f8bddd1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-1617 .elementor-element.elementor-element-e200c37{left:50px;}body.rtl .elementor-1617 .elementor-element.elementor-element-e200c37{right:50px;}.elementor-1617 .elementor-element.elementor-element-e200c37{top:40px;}.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-title, .elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-title a{font-size:16px;}.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon-box-description{font-size:14px;}.elementor-1617 .elementor-element.elementor-element-456807b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1617 .elementor-element.elementor-element-8d0add5{--width:100%;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1617 .elementor-element.elementor-element-9fad848 .elementor-heading-title{font-size:25px;}.elementor-1617 .elementor-element.elementor-element-5323614 .elementor-heading-title{font-size:14px;line-height:24px;}.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-1617 .elementor-element.elementor-element-ccb1a70{--width:650px;}.elementor-1617 .elementor-element.elementor-element-3095ac4{--width:560px;}.elementor-1617 .elementor-element.elementor-element-151dfbc{--width:100%;}.elementor-1617 .elementor-element.elementor-element-b89e5ff{--width:100%;}.elementor-1617 .elementor-element.elementor-element-e736cf1{--width:100%;}.elementor-1617 .elementor-element.elementor-element-543578b{--width:100%;}.elementor-1617 .elementor-element.elementor-element-5d97137{--width:100%;}.elementor-1617 .elementor-element.elementor-element-ca6b43d{--width:100%;}.elementor-1617 .elementor-element.elementor-element-d185b10{--width:1200px;}.elementor-1617 .elementor-element.elementor-element-e9b7223{--width:100%;}.elementor-1617 .elementor-element.elementor-element-78689ff{--width:100%;}.elementor-1617 .elementor-element.elementor-element-f8bddd1{--width:100%;}.elementor-1617 .elementor-element.elementor-element-97c3b81{--width:50%;}.elementor-1617 .elementor-element.elementor-element-8d0add5{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d9b112a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-d9b112a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-d9b112a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-d9b112a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-151dfbc */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-151dfbc {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-daae70a *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-daae70a:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-daae70a.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-daae70a .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e5ff */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-b89e5ff {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec6a963 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-ec6a963:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-ec6a963.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-ec6a963 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e736cf1 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-e736cf1 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-078cac2 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-078cac2:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-078cac2.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-078cac2 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543578b */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-543578b {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7f8523 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-f7f8523:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-f7f8523.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-f7f8523 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d97137 */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-5d97137 {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2acc21 *//* =========================================
   1. ESTILO DESKTOP (Tu código base)
   ========================================= */

.elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px 8px 8px !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
    background-color: #2B0EBE;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 !important;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
    line-height: 1 !important;
    display: flex;
    align-items: center;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
    font-size: 20px;
}

.elementor-1617 .elementor-element.elementor-element-b2acc21:hover .elementor-button-icon {
    background-color: #FFFFFF;
    color: #2B0EBE;
}

/* =========================================
   2. VERSIÓN MOBILE (Ajustes para < 767px)
   ========================================= */

@media (max-width: 767px) {
    /* Reducimos el padding general del botón */
    .elementor-1617 .elementor-element.elementor-element-b2acc21.elementor-button {
        padding: 5px 5px 5px 5px !important;
        gap: 5px; /* Un poco menos de espacio entre icono y texto */
    }

    /* Hacemos el cuadro del icono más pequeño */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px; /* Proporcional al nuevo tamaño */
    }

    /* Reducimos el tamaño de la flecha/icono interno */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-icon i {
        font-size: 14px !important;
    }

    /* Ajustamos el tamaño del texto "Ver más" */
    .elementor-1617 .elementor-element.elementor-element-b2acc21 .elementor-button-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca6b43d */@media (min-width: 1500px) {
    .elementor-1617 .elementor-element.elementor-element-ca6b43d {
        height: 530px !important;
        display: flex; /* Opcional: para que el contenido interno se pueda centrar */
        align-items: center; /* Opcional: centra el contenido verticalmente */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-638002f *//* Fondo para el icono */
.elementor-1617 .elementor-element.elementor-element-638002f .elementor-icon {
    background-color: #2B0EBE;
    padding: 10px;
    border-radius: 10px;
    display: inline-flex;
    margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e273ebc *//* Fondo para el icono */
.elementor-1617 .elementor-element.elementor-element-e273ebc .elementor-icon {
    background-color: #2B0EBE;
    padding: 10px;
    border-radius: 10px;
    display: inline-flex;
    margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-58a1351 *//* Fondo para el icono */
.elementor-1617 .elementor-element.elementor-element-58a1351 .elementor-icon {
    background-color: #2B0EBE;
    padding: 10px;
    border-radius: 10px;
    display: inline-flex;
    margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb794e1 *//* Contenedor del botón: alinear icono + texto */
.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}

/* Tamaño del SVG (puedes ajustar) */
.elementor-1617 .elementor-element.elementor-element-fb794e1 .elementor-button-icon svg {
    width: 30px !important;
    height: 30px !important;
}/* End custom CSS */