.elementor-3481 .elementor-element.elementor-element-a1bbe3d{--display:flex;--min-height:80vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;--z-index:1;}.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-3481 .elementor-element.elementor-element-9190b3d{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-3481 .elementor-element.elementor-element-9190b3d.elementor-element{--align-self:center;}.elementor-3481 .elementor-element.elementor-element-9190b3d .elementor-image-box-wrapper{text-align:start;}.elementor-3481 .elementor-element.elementor-element-9190b3d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3481 .elementor-element.elementor-element-9190b3d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3481 .elementor-element.elementor-element-9190b3d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3481 .elementor-element.elementor-element-9190b3d .elementor-image-box-title{margin-bottom:8px;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:16px;color:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-9190b3d .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-3481 .elementor-element.elementor-element-9190b3d .elementor-image-box-img img{transition-duration:0.3s;}.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-3481 .elementor-element.elementor-element-48ff58d{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-3481 .elementor-element.elementor-element-48ff58d.elementor-element{--align-self:center;}.elementor-3481 .elementor-element.elementor-element-48ff58d .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:2.6rem;font-weight:500;line-height:3.2rem;color:var( --e-global-color-c6748f7 );}.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-3481 .elementor-element.elementor-element-0a56be3{width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-0a56be3 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-0a56be3.elementor-element{--align-self:center;}.elementor-3481 .elementor-element.elementor-element-d14b601{--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;--justify-content:center;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-3481 .elementor-element.elementor-element-98b3f41 .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:500;fill:var( --e-global-color-c6748f7 );color:var( --e-global-color-c6748f7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF8A;border-radius:40px 40px 40px 40px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-98b3f41 .elementor-button:hover, .elementor-3481 .elementor-element.elementor-element-98b3f41 .elementor-button:focus{border-color:#02010100;}.elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:500;fill:var( --e-global-color-41e5335 );color:var( --e-global-color-41e5335 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-588e36f );border-radius:40px 40px 40px 40px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button:hover, .elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button:focus{background-color:#000000;color:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button:hover svg, .elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button:focus svg{fill:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-d63c733{--display:flex;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3481 .elementor-element.elementor-element-d63c733:not(.elementor-motion-effects-element-type-background), .elementor-3481 .elementor-element.elementor-element-d63c733 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3481 .elementor-element.elementor-element-c5e4116 .elementor-button{background-color:#F1F1F1;font-family:"Inter", Sans-serif;font-size:0.9rem;font-weight:500;border-radius:40px 40px 40px 40px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-d94b166{text-align:center;}.elementor-3481 .elementor-element.elementor-element-d94b166 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:2rem;font-weight:500;line-height:2.8rem;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-d1d6e7f{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3481 .elementor-element.elementor-element-5d7d72c{--display:flex;border-style:dashed;--border-style:dashed;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-588e36f );--border-color:var( --e-global-color-588e36f );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-5d7d72c.e-con:hover{--e-con-transform-translateY:-5px;}.elementor-3481 .elementor-element.elementor-element-d191486{--display:flex;border-style:solid;--border-style:solid;border-color:var( --e-global-color-588e36f );--border-color:var( --e-global-color-588e36f );--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-d191486:not(.elementor-motion-effects-element-type-background), .elementor-3481 .elementor-element.elementor-element-d191486 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-3491cf7 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-3481 .elementor-element.elementor-element-3491cf7 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-e94294c > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-e94294c{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-3e703d2 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-3e703d2{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-762018c{--display:flex;--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;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3481 .elementor-element.elementor-element-ba3516c .elementor-button{background-color:var( --e-global-color-64b9f8c );font-family:"Inter", Sans-serif;font-size:1rem;font-weight:500;border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-dcedfd9{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3481 .elementor-element.elementor-element-4406ce4{--e-icon-list-icon-size:7px;--icon-vertical-align:flex-start;--icon-vertical-offset:8px;}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;}.elementor-3481 .elementor-element.elementor-element-4406ce4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3481 .elementor-element.elementor-element-039e47c{--display:flex;border-style:dashed;--border-style:dashed;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#464646;--border-color:#464646;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-039e47c.e-con:hover{--e-con-transform-translateY:-5px;}.elementor-3481 .elementor-element.elementor-element-560356d{--display:flex;border-style:solid;--border-style:solid;border-color:var( --e-global-color-588e36f );--border-color:var( --e-global-color-588e36f );--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-560356d:not(.elementor-motion-effects-element-type-background), .elementor-3481 .elementor-element.elementor-element-560356d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-59cd9d9 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-3481 .elementor-element.elementor-element-59cd9d9 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-74b0e0a > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-74b0e0a{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-541bd7b > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-541bd7b{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-658be8b{--display:flex;--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;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3481 .elementor-element.elementor-element-5d30b0e .elementor-button{background-color:var( --e-global-color-64b9f8c );font-family:"Inter", Sans-serif;font-size:1rem;font-weight:500;border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-5f1da4e{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3481 .elementor-element.elementor-element-4908fa7{--e-icon-list-icon-size:7px;--icon-vertical-align:flex-start;--icon-vertical-offset:8px;}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;}.elementor-3481 .elementor-element.elementor-element-4908fa7 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3481 .elementor-element.elementor-element-c682712{--display:flex;--padding-top:25px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3481 .elementor-element.elementor-element-c682712.e-con:hover{--e-con-transform-translateY:-5px;}.elementor-3481 .elementor-element.elementor-element-d6649a4{--display:flex;border-style:solid;--border-style:solid;border-color:var( --e-global-color-588e36f );--border-color:var( --e-global-color-588e36f );--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-d6649a4:not(.elementor-motion-effects-element-type-background), .elementor-3481 .elementor-element.elementor-element-d6649a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-1f53d5f > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-3481 .elementor-element.elementor-element-1f53d5f .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-c6748f7 );}.elementor-3481 .elementor-element.elementor-element-c68ab0f > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-c68ab0f{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-2dc9b70 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-2dc9b70{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-d73fb8d{--display:flex;--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;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3481 .elementor-element.elementor-element-017cc8e .elementor-button{background-color:var( --e-global-color-64b9f8c );font-family:"Inter", Sans-serif;font-size:1rem;font-weight:500;border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-de554f8{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3481 .elementor-element.elementor-element-a4e6c5f{--e-icon-list-icon-size:7px;--icon-vertical-align:flex-start;--icon-vertical-offset:8px;}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;}.elementor-3481 .elementor-element.elementor-element-a4e6c5f .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3481 .elementor-element.elementor-element-a98d81f{--display:flex;}.elementor-3481 .elementor-element.elementor-element-35c0b27 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-35c0b27{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-f2ebde3{--display:flex;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3481 .elementor-element.elementor-element-f2ebde3:not(.elementor-motion-effects-element-type-background), .elementor-3481 .elementor-element.elementor-element-f2ebde3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3481 .elementor-element.elementor-element-606c272 .elementor-button{background-color:#F1F1F1;font-family:"Inter", Sans-serif;font-size:0.9rem;font-weight:500;border-radius:40px 40px 40px 40px;padding:15px 30px 15px 30px;}.elementor-3481 .elementor-element.elementor-element-f148f24{text-align:start;}.elementor-3481 .elementor-element.elementor-element-f148f24 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:2rem;font-weight:500;line-height:2.8rem;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-a93942c{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-4aff891 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-4aff891{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;line-height:17px;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-05ca5eb > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-05ca5eb .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-d0e4b4d > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-d0e4b4d{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-916ff3b{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-1c0a292 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-1c0a292{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;line-height:17px;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-dbed8a4 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-dbed8a4 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-0ffaa76 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-0ffaa76{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-f683560{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-73ba4b9 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-73ba4b9{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;line-height:17px;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-1cc1d73 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-1cc1d73 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-fbacefa > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-fbacefa{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-2ccc0dd{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-68245a6 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-68245a6{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;line-height:17px;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-9ee36ab > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-9ee36ab .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-da1abb3 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-da1abb3{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-f76a93f{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-4c271f7 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-4c271f7{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;line-height:17px;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-caceb83 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-caceb83 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-915ab5d > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-915ab5d{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-31feda0{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3481 .elementor-element.elementor-element-f0ffe62 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3481 .elementor-element.elementor-element-f0ffe62{font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:500;line-height:17px;color:#5575FF;}.elementor-3481 .elementor-element.elementor-element-dbcbb62 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-dbcbb62 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFFFF;}.elementor-3481 .elementor-element.elementor-element-dfbce3f > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-3481 .elementor-element.elementor-element-dfbce3f{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.8rem;color:#DADADA;}.elementor-3481 .elementor-element.elementor-element-58e16b4{--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-3481 .elementor-element.elementor-element-58e16b4 > .elementor-widget-container{margin:30px 0px 0px 0px;}@media(max-width:1024px){.elementor-3481 .elementor-element.elementor-element-58e16b4{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-3481 .elementor-element.elementor-element-9190b3d .elementor-image-box-img{margin-bottom:15px;}.elementor-3481 .elementor-element.elementor-element-48ff58d .elementor-heading-title{font-size:1.8rem;line-height:2.2rem;}.elementor-3481 .elementor-element.elementor-element-d94b166 .elementor-heading-title{font-size:1.8rem;line-height:2.2rem;}.elementor-3481 .elementor-element.elementor-element-5d7d72c{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-3481 .elementor-element.elementor-element-d191486{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-3481 .elementor-element.elementor-element-039e47c{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3481 .elementor-element.elementor-element-560356d{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-3481 .elementor-element.elementor-element-c682712{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3481 .elementor-element.elementor-element-d6649a4{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-3481 .elementor-element.elementor-element-f148f24 .elementor-heading-title{font-size:1.8rem;line-height:2.2rem;}.elementor-3481 .elementor-element.elementor-element-58e16b4{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-48ff58d */.elementor-3481 .elementor-element.elementor-element-48ff58d .texto-degradado { /* 1. Tipografía Inter Tight en Semibold */ font-family: 'Inter Tight', sans-serif; font-weight: 600; /* 2. Degradado de azul normal a azul oscuro */ background: linear-gradient(90deg, #007BFF 0%, #001A4D 100%); /* 3. Propiedades para que el color se aplique al texto */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-98b3f41 *//* 1. Preparamos el botón para contener la nueva capa y evitar saltos */ .elementor-3481 .elementor-element.elementor-element-98b3f41 .elementor-button { position: relative; z-index: 1; overflow: hidden; /* Mantiene el degradado dentro de los bordes */ vertical-align: middle; /* Arregla el salto al pasar el mouse */ } /* 2. Creamos la capa con el degradado (invisible por ahora) */ .elementor-3481 .elementor-element.elementor-element-98b3f41 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Degradado utilizando solo tonos azules (de normal a profundo) */ background: linear-gradient(90deg, #007BFF 0%, #2D54FF 100%); opacity: 0; /* Totalmente transparente por defecto */ transition: opacity 0.4s ease; /* La magia de la transición suave */ z-index: -1; /* Al fondo para que no tape el texto del botón */ border-radius: inherit; /* Copia los bordes redondeados de tu botón */ } /* 3. Hacemos que la capa aparezca suavemente al pasar el cursor */ .elementor-3481 .elementor-element.elementor-element-98b3f41 .elementor-button:hover::before { opacity: 1; /* Se vuelve 100% visible */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7ef5fd3 *//* 1. Preparamos el botón para contener la nueva capa y evitar saltos */ .elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button { position: relative; z-index: 1; overflow: hidden; /* Mantiene el degradado dentro de los bordes */ vertical-align: middle; /* Arregla el salto al pasar el mouse */ } /* 2. Creamos la capa con el degradado (invisible por ahora) */ .elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Degradado utilizando solo tonos azules (de normal a profundo) */ background: linear-gradient(90deg, #007BFF 0%, #003399 100%); opacity: 0; /* Totalmente transparente por defecto */ transition: opacity 0.4s ease; /* La magia de la transición suave */ z-index: -1; /* Al fondo para que no tape el texto del botón */ border-radius: inherit; /* Copia los bordes redondeados de tu botón */ } /* 3. Hacemos que la capa aparezca suavemente al pasar el cursor */ .elementor-3481 .elementor-element.elementor-element-7ef5fd3 .elementor-button:hover::before { opacity: 1; /* Se vuelve 100% visible */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a1bbe3d *//* ========================================= 1. EL CONTENEDOR (Fondo Negro Absoluto) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a1bbe3d { background-color: #000000 !important; /* Negro puro de base */ position: relative; overflow: hidden; /* Crucial: recorta la forma para que no genere scroll horizontal */ z-index: 1; } /* ========================================= 2. LA FORMA ORGÁNICA MÓVIL (Capa de atrás) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a1bbe3d::before { content: ""; position: absolute; /* Lo centramos perfectamente en el contenedor */ top: 50%; left: 50%; transform: translate(-50%, -50%); /* Tamaño de la mancha (Ajusta si la quieres más grande o pequeña) */ width: 450px; height: 450px; /* Degradado actualizado: Turquesa -> Azul vibrante -> Azul profundo */ background: linear-gradient(135deg, #00F2FE 0%, #007BFF 50%, #001A4D 100%); /* ¡LA MAGIA ORGÁNICA! Un border-radius loco con 8 valores que deforma el círculo para que parezca una ameba */ border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; /* Difuminado extremo para que parezca un resplandor líquido y suave */ filter: blur(80px); /* Opacidad para que se mezcle elegante con el negro */ opacity: 0.65; /* Vinculamos la animación: dura 12 segundos, ritmo suave y loop infinito */ animation: auroraMorph 12s ease-in-out infinite alternate; z-index: -1; /* Se queda estrictamente detrás de tus textos y caja de cristal */ pointer-events: none; /* No estorba los clics */ } /* ========================================= 3. ANIMACIÓN DE LA FORMA (Morphing) Cambiamos matemáticamente los bordes y la rotación para que cambie de forma fluidamente sin cortes. ========================================= */ @keyframes auroraMorph { 0% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate(-50%, -50%) rotate(0deg) scale(1); } 50% { /* Se deforma a otra silueta completamente distinta */ border-radius: 70% 30% 52% 48% / 60% 40% 60% 40%; transform: translate(-50%, -50%) rotate(180deg) scale(1.15); /* Crece un poquito y gira */ } 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate(-50%, -50%) rotate(360deg) scale(1); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c5e4116 *//* ========================================= GLASSMORPHISM FORZADO PARA ELEMENTOR ========================================= */ .elementor-3481 .elementor-element.elementor-element-c5e4116 a.elementor-button { /* Tipografía */ color: #ffffff !important; /* Fondo translúcido */ background-color: rgba(255, 255, 255, 0.04) !important; /* Desenfocar el fondo */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Bordes de cristal */ border: 1px solid rgba(255, 255, 255, 0.12) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* Lo hice un poco más brillante para que se note bien */ /* Sombra para despegarlo del fondo */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important; transition: all 0.3s ease !important; } .elementor-3481 .elementor-element.elementor-element-c5e4116 a.elementor-button:hover { background-color: rgba(255, 255, 255, 0.1) !important; border-top: 1px solid rgba(255, 255, 255, 0.5) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d94b166 */.elementor-3481 .elementor-element.elementor-element-d94b166 .texto-degradado { /* 1. Tipografía Inter Tight en Semibold */ font-family: 'Inter Tight', sans-serif; font-weight: 600; /* 2. Degradado de azul vibrante a gris oscuro/carbón */ background: linear-gradient(90deg, #007BFF 0%, #2C2C2C 100%); /* 3. Propiedades para que el color se aplique al texto */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ba3516c *//* 1. Preparamos el botón para contener la nueva capa y evitar saltos */ .elementor-3481 .elementor-element.elementor-element-ba3516c .elementor-button { position: relative; z-index: 1; overflow: hidden; /* Mantiene el degradado dentro de los bordes */ vertical-align: middle; /* Arregla el salto al pasar el mouse */ } /* 2. Creamos la capa con el degradado (invisible por ahora) */ .elementor-3481 .elementor-element.elementor-element-ba3516c .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Degradado utilizando solo tonos azules (de normal a profundo) */ background: linear-gradient(90deg, #007BFF 0%, #2D54FF 100%); opacity: 0; /* Totalmente transparente por defecto */ transition: opacity 0.4s ease; /* La magia de la transición suave */ z-index: -1; /* Al fondo para que no tape el texto del botón */ border-radius: inherit; /* Copia los bordes redondeados de tu botón */ } /* 3. Hacemos que la capa aparezca suavemente al pasar el cursor */ .elementor-3481 .elementor-element.elementor-element-ba3516c .elementor-button:hover::before { opacity: 1; /* Se vuelve 100% visible */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d191486 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-d191486 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d30b0e *//* 1. Preparamos el botón para contener la nueva capa y evitar saltos */ .elementor-3481 .elementor-element.elementor-element-5d30b0e .elementor-button { position: relative; z-index: 1; overflow: hidden; /* Mantiene el degradado dentro de los bordes */ vertical-align: middle; /* Arregla el salto al pasar el mouse */ } /* 2. Creamos la capa con el degradado (invisible por ahora) */ .elementor-3481 .elementor-element.elementor-element-5d30b0e .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Degradado utilizando solo tonos azules (de normal a profundo) */ background: linear-gradient(90deg, #007BFF 0%, #2D54FF 100%); opacity: 0; /* Totalmente transparente por defecto */ transition: opacity 0.4s ease; /* La magia de la transición suave */ z-index: -1; /* Al fondo para que no tape el texto del botón */ border-radius: inherit; /* Copia los bordes redondeados de tu botón */ } /* 3. Hacemos que la capa aparezca suavemente al pasar el cursor */ .elementor-3481 .elementor-element.elementor-element-5d30b0e .elementor-button:hover::before { opacity: 1; /* Se vuelve 100% visible */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-560356d *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-560356d { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-017cc8e *//* 1. Preparamos el botón para contener la nueva capa y evitar saltos */ .elementor-3481 .elementor-element.elementor-element-017cc8e .elementor-button { position: relative; z-index: 1; overflow: hidden; /* Mantiene el degradado dentro de los bordes */ vertical-align: middle; /* Arregla el salto al pasar el mouse */ } /* 2. Creamos la capa con el degradado (invisible por ahora) */ .elementor-3481 .elementor-element.elementor-element-017cc8e .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Degradado utilizando solo tonos azules (de normal a profundo) */ background: linear-gradient(90deg, #007BFF 0%, #2D54FF 100%); opacity: 0; /* Totalmente transparente por defecto */ transition: opacity 0.4s ease; /* La magia de la transición suave */ z-index: -1; /* Al fondo para que no tape el texto del botón */ border-radius: inherit; /* Copia los bordes redondeados de tu botón */ } /* 3. Hacemos que la capa aparezca suavemente al pasar el cursor */ .elementor-3481 .elementor-element.elementor-element-017cc8e .elementor-button:hover::before { opacity: 1; /* Se vuelve 100% visible */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d6649a4 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-d6649a4 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d63c733 *//* 1. Fondo base del contenedor: Negro absoluto */ .elementor-3481 .elementor-element.elementor-element-d63c733 { background-color: #000000; position: relative; overflow: hidden; z-index: 1; } /* 2. El destello horizontal: Equilibrio perfecto entre brillo y legibilidad */ .elementor-3481 .elementor-element.elementor-element-d63c733::before { content: ""; position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; /* Degradado ajustado: Azul más vivo y con mayor presencia (80% de opacidad inicial) */ background: radial-gradient(ellipse 40% 30% at 50% 50%, rgba(0, 120, 255, 0.8) 0%, /* Azul vibrante, bastante visible pero sin ser blanco */ rgba(0, 60, 220, 0.5) 25%, /* Transición a un azul medio */ rgba(0, 0, 0, 0) 70%); /* Fusión al negro total en los bordes */ z-index: -1; /* Animación de 15 segundos */ animation: flotacionOrganicaMedia 15s ease-in-out infinite; } /* 3. La animación: Movimiento con mayor visibilidad */ @keyframes flotacionOrganicaMedia { 0% { transform: translate(0%, 0%) scale(1); opacity: 0.7; /* Base más brillante que la versión anterior */ } 25% { transform: translate(5%, -3%) scale(1.05); opacity: 1; /* Permite que el color muestre todo su potencial */ } 50% { transform: translate(-4%, 4%) scale(0.95); opacity: 0.8; } 75% { transform: translate(-5%, -2%) scale(1.02); opacity: 1; } 100% { transform: translate(0%, 0%) scale(1); opacity: 0.7; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-606c272 *//* ========================================= GLASSMORPHISM FORZADO PARA ELEMENTOR ========================================= */ .elementor-3481 .elementor-element.elementor-element-606c272 a.elementor-button { /* Tipografía */ color: #ffffff !important; /* Fondo translúcido */ background-color: rgba(255, 255, 255, 0.04) !important; /* Desenfocar el fondo */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Bordes de cristal */ border: 1px solid rgba(255, 255, 255, 0.12) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* Lo hice un poco más brillante para que se note bien */ /* Sombra para despegarlo del fondo */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important; transition: all 0.3s ease !important; } .elementor-3481 .elementor-element.elementor-element-606c272 a.elementor-button:hover { background-color: rgba(255, 255, 255, 0.1) !important; border-top: 1px solid rgba(255, 255, 255, 0.5) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f148f24 */.elementor-3481 .elementor-element.elementor-element-f148f24 .texto-degradado { /* 1. Tipografía Inter Tight en Semibold */ font-family: 'Inter Tight', sans-serif; font-weight: 600; /* 2. Degradado de azul vibrante a gris oscuro/carbón */ background: linear-gradient(90deg, #007BFF 0%, #2C2C2C 100%); /* 3. Propiedades para que el color se aplique al texto */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a93942c *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-a93942c { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-916ff3b *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-916ff3b { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f683560 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f683560 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ccc0dd *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-2ccc0dd { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f76a93f *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-f76a93f { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31feda0 *//* ========================================= EFECTO GLASSMORPHISM PREMIUM (Efecto Vidrio) ========================================= */ .elementor-3481 .elementor-element.elementor-element-31feda0 { /* 1. Fondo translúcido: Blanco al 4% para dar un brillo mínimo de superficie */ background: rgba(255, 255, 255, 0.04) !important; /* 2. El núcleo del efecto: Desenfoca la aurora orgánica que pasa por detrás */ backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; /* Compatibilidad con Safari/iOS */ /* 3. Bordes de cristal: Línea ultra delgada con brillo extra en la parte superior */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; /* Simula el reflejo de la luz arriba */ /* 6. Capa de diseño: Asegura que se siente encima de la aurora */ position: relative; z-index: 10 !important; /* Transición suave por si tus elementos internos tienen efectos */ transition: all 0.4s ease; }/* End custom CSS */