.elementor-20 .elementor-element.elementor-element-5dadded{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:0px 0px 0px 0px;--z-index:109;}.elementor-20 .elementor-element.elementor-element-5dadded:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5dadded > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFCB3;}.elementor-widget-theme-site-logo .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-20 .elementor-element.elementor-element-ddf0021 img{width:150px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-de39da1{--display:flex;}.elementor-20 .elementor-element.elementor-element-18cd2e5{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-cf889fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-20 .elementor-element.elementor-element-cf12de1{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-fef1193{width:var( --container-widget-width, 82% );max-width:82%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;--container-widget-width:82%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-fef1193:hover{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-fef1193.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-fef1193.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-fef1193.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-fef1193.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-fef1193:has(:hover) .elementor-image-box-title,
					 .elementor-20 .elementor-element.elementor-element-fef1193:has(:focus) .elementor-image-box-title{color:#5E157B;}.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-bbb06c6{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-bbb06c6:hover{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-bbb06c6.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-bbb06c6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-bbb06c6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-bbb06c6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-wrapper .elementor-image-box-img{width:27%;}.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-bbb06c6:has(:hover) .elementor-image-box-title,
					 .elementor-20 .elementor-element.elementor-element-bbb06c6:has(:focus) .elementor-image-box-title{color:#5E157B;}.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-1deb65a{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-1deb65a:hover{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-1deb65a.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-1deb65a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-1deb65a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-1deb65a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-wrapper .elementor-image-box-img{width:27%;}.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-1deb65a:has(:hover) .elementor-image-box-title,
					 .elementor-20 .elementor-element.elementor-element-1deb65a:has(:focus) .elementor-image-box-title{color:#5E157B;}.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-ad7bdb5{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ffb8323{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-ffb8323:hover{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-ffb8323.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-ffb8323.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-ffb8323.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-ffb8323.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-wrapper .elementor-image-box-img{width:27%;}.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-ffb8323:has(:hover) .elementor-image-box-title,
					 .elementor-20 .elementor-element.elementor-element-ffb8323:has(:focus) .elementor-image-box-title{color:#5E157B;}.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-e424c97{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-e424c97:hover{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-e424c97.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-e424c97.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-e424c97.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-e424c97.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-wrapper .elementor-image-box-img{width:27%;}.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-e424c97:has(:hover) .elementor-image-box-title,
					 .elementor-20 .elementor-element.elementor-element-e424c97:has(:focus) .elementor-image-box-title{color:#5E157B;}.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-55a1312{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-55a1312:hover{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-55a1312.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-55a1312.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-20 .elementor-element.elementor-element-55a1312.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-20 .elementor-element.elementor-element-55a1312.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-wrapper .elementor-image-box-img{width:27%;}.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-55a1312:has(:hover) .elementor-image-box-title,
					 .elementor-20 .elementor-element.elementor-element-55a1312:has(:focus) .elementor-image-box-title{color:#5E157B;}.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-c30c98f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-c30c98f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c30c98f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #F8F9FB 0%, #E6E0F8 100%);}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-2481c98 .elementor-icon-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-2481c98.elementor-view-stacked .elementor-icon{background-color:#5E157B;}.elementor-20 .elementor-element.elementor-element-2481c98.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-2481c98.elementor-view-default .elementor-icon{color:#5E157B;border-color:#5E157B;}.elementor-20 .elementor-element.elementor-element-2481c98.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-2481c98.elementor-view-default .elementor-icon svg{fill:#5E157B;}.elementor-20 .elementor-element.elementor-element-2481c98 .elementor-icon{font-size:32px;}.elementor-20 .elementor-element.elementor-element-2481c98 .elementor-icon svg{height:32px;}.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-20 .elementor-element.elementor-element-f827e93 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:700;color:#1A0A39;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-98feac5{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 10px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#4A5568;}.elementor-20 .elementor-element.elementor-element-98feac5 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-d5f89d6 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;fill:#FCFCFC;color:#FCFCFC;background-image:linear-gradient(141deg, #5E157B 0%, #8B3DFF 100%);box-shadow:0px 4px 12px 0px rgba(94, 20.999999999999993, 123, 0.2);border-radius:8px 8px 8px 8px;padding:20px 30px 20px 30px;}.elementor-20 .elementor-element.elementor-element-d5f89d6 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-d5f89d6 .elementor-button:focus{background-color:#8B3DFF;color:#FCFCFC;box-shadow:0px 4px 18px 0px rgba(94, 20.999999999999993, 123, 0.2);}.elementor-20 .elementor-element.elementor-element-d5f89d6 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-d5f89d6 .elementor-button:focus svg{fill:#FCFCFC;}.elementor-20 .elementor-element.elementor-element-b144070{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ab1762e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-20 .elementor-element.elementor-element-78f7688{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d71f701 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-63e6534{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 0px 10px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-63e6534 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-c621e60 .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;fill:#5E157B;color:#5E157B;border-radius:8px 8px 8px 8px;padding:20px 40px 20px 40px;}.elementor-20 .elementor-element.elementor-element-c621e60 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-c621e60 .elementor-button:focus{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-c621e60 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-c621e60 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-20 .elementor-element.elementor-element-8537cf1 .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;fill:#5E157B;color:#5E157B;border-radius:8px 8px 8px 8px;padding:20px 40px 20px 40px;}.elementor-20 .elementor-element.elementor-element-8537cf1 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-8537cf1 .elementor-button:focus{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-8537cf1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-8537cf1 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-20 .elementor-element.elementor-element-817b0f6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5945b4c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:700;color:#5E157B;}.elementor-20 .elementor-element.elementor-element-eee5fdf{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 0px 10px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#718096;}.elementor-20 .elementor-element.elementor-element-eee5fdf p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-e7b8a0a .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;fill:#5E157B;color:#5E157B;border-radius:8px 8px 8px 8px;padding:20px 40px 20px 40px;}.elementor-20 .elementor-element.elementor-element-e7b8a0a .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-e7b8a0a .elementor-button:focus{background-color:#F3F0FF;}.elementor-20 .elementor-element.elementor-element-e7b8a0a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-e7b8a0a .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-20 .elementor-element.elementor-element-f169ac4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-f169ac4:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-f169ac4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #F8F9FB 0%, #E6E0F8 100%);}.elementor-20 .elementor-element.elementor-element-1f8347a .elementor-icon-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-1f8347a.elementor-view-stacked .elementor-icon{background-color:#5E157B;}.elementor-20 .elementor-element.elementor-element-1f8347a.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-1f8347a.elementor-view-default .elementor-icon{color:#5E157B;border-color:#5E157B;}.elementor-20 .elementor-element.elementor-element-1f8347a.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-1f8347a.elementor-view-default .elementor-icon svg{fill:#5E157B;}.elementor-20 .elementor-element.elementor-element-1f8347a .elementor-icon{font-size:32px;}.elementor-20 .elementor-element.elementor-element-1f8347a .elementor-icon svg{height:32px;}.elementor-20 .elementor-element.elementor-element-ef664ca .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:700;color:#1A0A39;}.elementor-20 .elementor-element.elementor-element-7857b14{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 10px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#4A5568;}.elementor-20 .elementor-element.elementor-element-7857b14 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-1d2df4e .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;fill:#FCFCFC;color:#FCFCFC;background-image:linear-gradient(141deg, #5E157B 0%, #8B3DFF 100%);box-shadow:0px 4px 12px 0px rgba(94, 20.999999999999993, 123, 0.2);border-radius:8px 8px 8px 8px;padding:20px 30px 20px 30px;}.elementor-20 .elementor-element.elementor-element-1d2df4e .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-1d2df4e .elementor-button:focus{background-color:#8B3DFF;color:#FCFCFC;box-shadow:0px 4px 18px 0px rgba(94, 20.999999999999993, 123, 0.2);}.elementor-20 .elementor-element.elementor-element-1d2df4e .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-1d2df4e .elementor-button:focus svg{fill:#FCFCFC;}.elementor-20 .elementor-element.elementor-element-2d28753{--display:flex;}.elementor-20 .elementor-element.elementor-element-142ecba{--display:flex;}.elementor-20 .elementor-element.elementor-element-b8fab38{--display:flex;}.elementor-20 .elementor-element.elementor-element-54f6aa2{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:15px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:#1A0A39;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-icon-color:#1A0A39;--n-menu-icon-color-active:#5E157B;--n-menu-dropdown-indicator-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-20 .elementor-element.elementor-element-54f6aa2 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-20 .elementor-element.elementor-element-54f6aa2 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-20 .elementor-element.elementor-element-54f6aa2 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-20 .elementor-element.elementor-element-54f6aa2 {--n-menu-title-color-active:#5E157B;}.elementor-20 .elementor-element.elementor-element-24b93cb .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;fill:#5E157B;color:#5E157B;transition-duration:0.3s;border-style:solid;border-width:2px 2px 2px 2px;border-color:#5E157B;border-radius:8px 8px 8px 8px;padding:20px 30px 20px 30px;}.elementor-20 .elementor-element.elementor-element-24b93cb .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-24b93cb .elementor-button:focus{background-color:#5E157B;color:#FCFCFC;box-shadow:0px 4px 8px 0px rgba(94, 20.999999999999993, 123, 0.2);}.elementor-20 .elementor-element.elementor-element-24b93cb .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-24b93cb .elementor-button:focus svg{fill:#FCFCFC;}.elementor-20 .elementor-element.elementor-element-9481e28{--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;}.elementor-20 .elementor-element.elementor-element-9481e28:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9481e28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFCB3;}.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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-9481e28{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-2581590{text-align:start;}.elementor-20 .elementor-element.elementor-element-2581590 img{width:32%;}.elementor-20 .elementor-element.elementor-element-a7b1db3.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-a7b1db3{text-align:end;}.elementor-20 .elementor-element.elementor-element-a7b1db3 img{width:60%;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-5dadded{--content-width:1200px;}.elementor-20 .elementor-element.elementor-element-cf12de1{--width:100%;}.elementor-20 .elementor-element.elementor-element-ad7bdb5{--width:100%;}.elementor-20 .elementor-element.elementor-element-c30c98f{--width:100%;}.elementor-20 .elementor-element.elementor-element-b144070{--content-width:1200px;}.elementor-20 .elementor-element.elementor-element-78f7688{--width:100%;}.elementor-20 .elementor-element.elementor-element-817b0f6{--width:100%;}.elementor-20 .elementor-element.elementor-element-f169ac4{--width:100%;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-img{margin-bottom:15px;}.elementor-20 .elementor-element.elementor-element-9481e28{--min-height:70px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-2581590{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-2581590.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-2581590 img{width:90%;}.elementor-20 .elementor-element.elementor-element-a7b1db3{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-a7b1db3 img{width:38%;}}/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fef1193 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-fef1193 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-fef1193:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-fef1193 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bbb06c6 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-bbb06c6 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-bbb06c6:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-bbb06c6 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1deb65a *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-1deb65a .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-1deb65a:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-1deb65a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ffb8323 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-ffb8323 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-ffb8323:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-ffb8323 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e424c97 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-e424c97 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-e424c97:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-e424c97 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-55a1312 *//* 1. Hacemos que el contenedor interno del widget sea la referencia */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-widget-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Estiramos el enlace del título para que cubra TODO el widget */
.elementor-20 .elementor-element.elementor-element-55a1312 .elementor-image-box-title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Lo ponemos hasta arriba de todo */
}

/* 3. Efecto visual de Agencia Top (Opcional) */
.elementor-20 .elementor-element.elementor-element-55a1312:hover .elementor-widget-container {
    transform: translateY(-8px);
    filter: drop-shadow(0px 20px 30px rgba(26, 10, 57, 0.15));
}

/* 4. Cambiamos el cursor a mano en toda la caja */
.elementor-20 .elementor-element.elementor-element-55a1312 {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf889fb *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1762e *//* Aplicamos el efecto al contenedor maestro de tus columnas */
#mi-panel-mega {
    /* Tu color fcfcfc al 70% */
    background-color: rgba(252, 252, 252, 0.7) !important;
    
    /* El efecto de desenfoque */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Tu sombra interna de 1px arriba al 50% de fcfcfc */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important;
    
    /* Forzamos que no haya bordes extraños */
    border: none !important;
    
    /* Esto asegura que el contenido no "se salga" de la zona de blur */
    overflow: hidden; 
}

/* 3. LIMPIEZA DE LA LÍNEA VERDE */
/* Quitamos el efecto de la línea a cualquier enlace que esté dentro de este panel */
#mi-panel-mega a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b144070 *//* 1. ESTILO PARA EL PANEL DEL MEGA MENÚ (Glassmorphism) */
/* Apuntamos al contenedor que envuelve el contenido desplegable */
.elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content {
    background-color: rgba(255, 255, 255, 0.4) !important; /* Fondo semi-transparente */
    backdrop-filter: blur(12px) !important; /* El desenfoque de fondo */
    -webkit-backdrop-filter: blur(12px) !important; /* Compatibilidad Safari */
    
    /* Tu sombra interna de 1px */
    box-shadow: inset 0px 1px 0px 0px rgba(252, 252, 252, 0.5) !important; 
    
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para definir el cristal */
    border-radius: 0 0 12px 12px; /* Opcional: redondea las esquinas inferiores */
}

/* 2. LÍNEA VERDE: Solo en la barra principal (Desktop) */
@media (min-width: 1025px) {
    /* Estado inicial y animación para todos los enlaces */
    .elementor-20 .elementor-element.elementor-element-b144070 a {
        position: relative !important;
    }

    .elementor-20 .elementor-element.elementor-element-b144070 a::after {
        content: "" !important;
        position: absolute !important;
        bottom: -4px !important;
        left: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background-color: #A9C030 !important;
        transition: width 0.3s ease-in-out !important;
        display: block !important;
    }

    /* Activar línea solo en hover o página activa */
    .elementor-20 .elementor-element.elementor-element-b144070 a:hover::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .elementor-item-active::after,
    .elementor-20 .elementor-element.elementor-element-b144070 .current-menu-item > a::after,
    .elementor-20 .elementor-element.elementor-element-b144070 [aria-current="page"]::after {
        width: 100% !important;
    }

    /* 3. LIMPIEZA TOTAL: Quitar línea de TODO lo que esté dentro del Mega Menú */
    .elementor-20 .elementor-element.elementor-element-b144070 .e-n-menu-dropdown-content a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5dadded */@media (min-width: 1025px) {
   /* Aquí pegas todo el código anterior */
   /* Así te aseguras al 100% que el móvil no intente encogerse */
}




/* Transición suave para todos los elementos internos */
.elementor-20 .elementor-element.elementor-element-5dadded, 
.elementor-20 .elementor-element.elementor-element-5dadded .elementor-item, 
.elementor-20 .elementor-element.elementor-element-5dadded .elementor-button, 
.elementor-20 .elementor-element.elementor-element-5dadded img {
    transition: all 0.3s ease-in-out !important;
}

/* --- ESTADO STICKY (Solo se activa al hacer scroll) --- */
.elementor-20 .elementor-element.elementor-element-5dadded.elementor-sticky--effects {
    min-height: 72px !important; /* El contenedor baja a 80% */
}

/* Reducción del texto del Menú */
.elementor-20 .elementor-element.elementor-element-5dadded.elementor-sticky--effects .elementor-item {
    font-size: 0.9em !important; /* Reduce un 10-15% el tamaño de letra */
    padding: 10px 15px !important; /* Ajusta el espacio entre enlaces */
}

/* Reducción del Botón CTA */
.elementor-20 .elementor-element.elementor-element-5dadded.elementor-sticky--effects .elementor-button {
    padding: 8px 20px !important; /* Botón más delgado verticalmente */
    font-size: 0.85em !important;
}

/* Reducción del Logo */
.elementor-20 .elementor-element.elementor-element-5dadded.elementor-sticky--effects img {
    max-width: 85% !important;
}


/* 1. ESTADO INICIAL (Solo para los enlaces del menú) */
.elementor-20 .elementor-element.elementor-element-5dadded .e-n-menu-title-container {
    position: relative !important;
    text-decoration: none !important;
    display: inline-flex !important; /* Para que la línea mida lo mismo que el texto */
}

.elementor-20 .elementor-element.elementor-element-5dadded .e-n-menu-title-container::after {
    content: "" !important;
    position: absolute !important;
    bottom: -5px !important;
    left: 0 !important;
    width: 0 !important; /* Empieza en cero */
    height: 2px !important;
    background-color: #A9C030 !important;
    transition: width 0.3s ease-in-out !important;
}

/* 2. HOVER (Al pasar por el ítem) */
.elementor-20 .elementor-element.elementor-element-5dadded .e-n-menu-item:hover .e-n-menu-title-container::after {
    width: 100% !important;
}

/* 3. ACTIVO (Para la página actual) */
/* Elementor marca el enlace o el contenedor con clases de 'current' */
.elementor-20 .elementor-element.elementor-element-5dadded .current-menu-item .e-n-menu-title-container::after,
.elementor-20 .elementor-element.elementor-element-5dadded .e-link[aria-current="page"]::after {
    width: 100% !important;
}

/* 4. LIMPIEZA TOTAL (Mega Menú y otros) */
/* Esto asegura que nada dentro del desplegable herede la línea */
.elementor-20 .elementor-element.elementor-element-5dadded .e-n-menu-content a::after {
    display: none !important;
    content: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9481e28 *//* Solo aplica para Tablet (1024px) y Celular */
@media (max-width: 1024px) {

    .elementor-20 .elementor-element.elementor-element-9481e28 {
        position: fixed !important; /* Se vuelve fijo solo en móvil */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        background: rgba(252, 252, 252, 0.7) !important; /* Tu Púrpura con 70% opacidad */
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    /* Ocultar al bajar */
    body.scroll-down .elementor-20 .elementor-element.elementor-element-9481e28 {
        transform: translateY(-100%);
    }

    /* Mostrar y Reducir al subir (Smart Shrink) */
    body.scroll-up .elementor-20 .elementor-element.elementor-element-9481e28 {
        transform: translateY(0) scale(0.96); /* Efecto de tarjeta flotante */
        width: 94%;
        margin: 10px 3%;
        border-radius: 20px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    /* Reducción del Logo en un 20% al hacer scroll up */
    body.scroll-up .elementor-20 .elementor-element.elementor-element-9481e28 img {
        max-width: 80% !important;
        transition: all 0.4s ease;
    }
}

/* IMPORTANTE: En Desktop el contenedor se comporta normal */
@media (min-width: 1025px) {
    .elementor-20 .elementor-element.elementor-element-9481e28 {
        position: relative !important;
        transform: none !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }
}/* End custom CSS */