.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-18a1049{--display:flex;--min-height:38px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-18a1049:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-18a1049 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-93bdf34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:190px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-93bdf34:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-93bdf34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060B35;}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-c491cf6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-7 .elementor-element.elementor-element-3774719{margin:7px 490px calc(var(--kit-widget-spacing, 0px) + 0px) 490px;text-align:center;}.elementor-7 .elementor-element.elementor-element-3774719 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:300;line-height:35px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-26e01dd{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-26e01dd.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-a7ef3e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-365ccca{--display:flex;--min-height:100vh;--overlay-opacity:0.5;}.elementor-7 .elementor-element.elementor-element-365ccca:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-365ccca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astrohunters.earth/wp-content/uploads/2025/09/Untitled-design-4.png");background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-365ccca::before, .elementor-7 .elementor-element.elementor-element-365ccca > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-365ccca > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-365ccca > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-365ccca > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-365ccca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#050505;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-46523fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 220px;}.elementor-7 .elementor-element.elementor-element-46523fd.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-10b4afb{--display:flex;--border-radius:40px 40px 40px 40px;--margin-top:-67px;--margin-bottom:0px;--margin-left:190px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-10b4afb:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-10b4afb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7 .elementor-element.elementor-element-fe130e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-3fce001{margin:010px 30px calc(var(--kit-widget-spacing, 0px) + 10px) 30px;text-align:left;}.elementor-7 .elementor-element.elementor-element-3fce001 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;line-height:28px;color:#242424;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-3e81e0d{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-76e33d3{--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;--border-radius:40px 40px 40px 40px;--margin-top:-226px;--margin-bottom:0px;--margin-left:0px;--margin-right:190px;}.elementor-7 .elementor-element.elementor-element-76e33d3:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-76e33d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7 .elementor-element.elementor-element-76e33d3.e-con{--align-self:flex-end;}.elementor-7 .elementor-element.elementor-element-be50637{--display:flex;--min-height:653px;--margin-top:-500px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-be50637:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-be50637 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;background-image:url("https://astrohunters.earth/wp-content/uploads/2025/09/Image-3-scaled.png");background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-834cd6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-834cd6a:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-834cd6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-6d30b61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-6d30b61 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;color:#FFFFFF;}.elementor-widget-nested-carousel.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nested-carousel .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-739b805{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-67b1453{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7257141{text-align:center;}.elementor-7 .elementor-element.elementor-element-7257141 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-42bbeca{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-42bbeca .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-c59190c{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-99ef383{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-e1f8873{text-align:center;}.elementor-7 .elementor-element.elementor-element-e1f8873 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-c5697b7{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-c5697b7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-bcdf340{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1e483ac{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-e3532c2{text-align:center;}.elementor-7 .elementor-element.elementor-element-e3532c2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-2bc1e78{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-2bc1e78 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-51a503c{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-232fec6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-43024aa{text-align:center;}.elementor-7 .elementor-element.elementor-element-43024aa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-1ff60d2{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-1ff60d2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-2ab809c{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a1ba535{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-cf9b5e9{text-align:center;}.elementor-7 .elementor-element.elementor-element-cf9b5e9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-17b8fe6{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-17b8fe6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-8ccf361{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d18b785{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7936d4f{text-align:center;}.elementor-7 .elementor-element.elementor-element-7936d4f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-c315583{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-c315583 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-76b0d6b{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1e9ba5f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-11c2e22{text-align:center;}.elementor-7 .elementor-element.elementor-element-11c2e22 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-cc1faf8{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-cc1faf8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-89912a8{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-31d51bd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5270223{text-align:center;}.elementor-7 .elementor-element.elementor-element-5270223 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;color:#2985DB;}.elementor-7 .elementor-element.elementor-element-5151e0e{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:center;}.elementor-7 .elementor-element.elementor-element-5151e0e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-e612298{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:46px;width:var( --container-widget-width, 68% );max-width:68%;padding:0px 0px 0px 0px;--container-widget-width:68%;--container-widget-flex-grow:0;--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:-77px;--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:-81px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:48px;--e-n-carousel-arrow-normal-color:#4361B900;--e-n-carousel-arrow-hover-color:#02010100;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-swiper-pagination-spacing:41px;}.elementor-7 .elementor-element.elementor-element-e612298.elementor-element{--align-self:center;}:where( .elementor-7 .elementor-element.elementor-element-e612298 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:10px;--padding-bottom:0px;--padding-left:10px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:10px;--padding-block-end:0px;--padding-inline-start:10px;}.elementor-7 .elementor-element.elementor-element-e612298 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:9px;--swiper-pagination-bullet-vertical-gap:9px;}.elementor-7 .elementor-element.elementor-element-b22bd15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.58;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-b22bd15:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-b22bd15::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-f73c0d2 );background-image:url("https://astrohunters.earth/wp-content/uploads/2025/10/ChatGPT-Image-Oct-4-2025-02_07_46-PM.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-4e230a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-4e230a0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-a9a518e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-a9a518e::before, .elementor-7 .elementor-element.elementor-element-a9a518e > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-a9a518e > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-a9a518e > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-a9a518e > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-a9a518e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-f73c0d2 );--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-46157c0{margin:0px 290px calc(var(--kit-widget-spacing, 0px) + 30px) 290px;text-align:center;}.elementor-7 .elementor-element.elementor-element-46157c0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;line-height:49px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-18f93a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-1d0832e{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-b2d0cfd{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:center;}.elementor-7 .elementor-element.elementor-element-b2d0cfd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:300;line-height:37px;color:#FFFFFF;}.elementor-widget-premium-addon-image-button .premium-image-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-addon-image-button .premium-image-button-none:after,.elementor-widget-premium-addon-image-button .premium-button-style8:hover,.elementor-widget-premium-addon-image-button .premium-image-button-style4-icon-wrapper,.elementor-widget-premium-addon-image-button .premium-image-button-style1:before,.elementor-widget-premium-addon-image-button .premium-image-button-style3:hover,.elementor-widget-premium-addon-image-button .premium-image-button-overlap-effect-horizontal:hover,.elementor-widget-premium-addon-image-button .premium-image-button-overlap-effect-vertical:hover,.elementor-widget-premium-addon-image-button .premium-button-style6-bg,.elementor-widget-premium-addon-image-button .premium-button-style6:before{background-color:var( --e-global-color-text );}.elementor-widget-premium-addon-image-button.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-addon-image-button .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-image-button .premium-image-button-text-icon-wrapper span{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-image-button-text-icon-wrapper i{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-drawable-icon, .elementor-widget-premium-addon-image-button svg:not([class*="premium-"]){fill:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-drawable-icon *, .elementor-widget-premium-addon-image-button svg:not([class*="premium-"]){stroke:var( --e-global-color-accent );}.elementor-widget-premium-addon-image-button .premium-image-button:hover .premium-image-button-text-icon-wrapper span, .elementor-widget-premium-addon-image-button .premium-button-line6::after{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-image-button:hover .premium-image-button-text-icon-wrapper i{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-image-button:hover .premium-drawable-icon, .elementor-widget-premium-addon-image-button .premium-image-button:hover svg:not([class*="premium-"]){fill:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-button .premium-btn-svg{stroke:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-button-line2::before, .elementor-widget-premium-addon-image-button .premium-button-line4::before, .elementor-widget-premium-addon-image-button .premium-button-line5::before, .elementor-widget-premium-addon-image-button .premium-button-line5::after, .elementor-widget-premium-addon-image-button .premium-button-line6::before, .elementor-widget-premium-addon-image-button .premium-button-line7::before{background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-image-button:hover .premium-drawable-icon *, .elementor-widget-premium-addon-image-button .premium-image-button:hover svg:not([class*="premium-"]){stroke:var( --e-global-color-accent );}.elementor-widget-premium-addon-image-button .premium-image-button-style4-icon-wrapper{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-image-button-style4-icon-wrapper svg{fill:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-image-button-style3:before{background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-image-button-overlap-effect-horizontal:before, .elementor-widget-premium-addon-image-button .premium-image-button-overlap-effect-vertical:before{background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-button .premium-image-button-squares-effect:before, .elementor-widget-premium-addon-image-button .premium-image-button-squares-effect:after,.elementor-widget-premium-addon-image-button .premium-image-button-squares-square-container:before, .elementor-widget-premium-addon-image-button .premium-image-button-squares-square-container:after{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button{background-color:#F7C0FF;width:107px;font-family:"Poppins", Sans-serif;font-weight:400;border-radius:24px;margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-none:after,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-button-style8:hover,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-style4-icon-wrapper,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-style1:before,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-style3:hover,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-overlap-effect-horizontal:hover,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-overlap-effect-vertical:hover,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-button-style6-bg,.elementor-7 .elementor-element.elementor-element-573eb90 .premium-button-style6:before{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-573eb90{margin:-59px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button .premium-image-button-text-icon-wrapper span{color:#000000;}.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button, .elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button-effect-container, .elementor-7 .elementor-element.elementor-element-573eb90 .premium-button-line6::after{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-573eb90 .premium-image-button:hover .premium-image-button-text-icon-wrapper span, .elementor-7 .elementor-element.elementor-element-573eb90 .premium-button-line6::after{color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-5594fdf{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-b38c2bc{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:center;}.elementor-7 .elementor-element.elementor-element-b38c2bc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:300;line-height:37px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button{background-color:#F7C0FF;width:107px;font-family:"Poppins", Sans-serif;font-weight:400;border-radius:24px;margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-none:after,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-button-style8:hover,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-style4-icon-wrapper,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-style1:before,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-style3:hover,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-overlap-effect-horizontal:hover,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-overlap-effect-vertical:hover,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-button-style6-bg,.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-button-style6:before{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-38f0e0f{margin:-59px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button .premium-image-button-text-icon-wrapper span{color:#000000;}.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button, .elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button-effect-container, .elementor-7 .elementor-element.elementor-element-38f0e0f .premium-button-line6::after{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-38f0e0f .premium-image-button:hover .premium-image-button-text-icon-wrapper span, .elementor-7 .elementor-element.elementor-element-38f0e0f .premium-button-line6::after{color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-b457f6d{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-fcb8b02{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:center;}.elementor-7 .elementor-element.elementor-element-fcb8b02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:300;line-height:37px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button{background-color:#F7C0FF;width:107px;font-family:"Poppins", Sans-serif;font-weight:400;border-radius:24px;margin:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-none:after,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-button-style8:hover,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-style4-icon-wrapper,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-style1:before,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-style3:hover,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-overlap-effect-horizontal:hover,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-overlap-effect-vertical:hover,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-button-style6-bg,.elementor-7 .elementor-element.elementor-element-82ff133 .premium-button-style6:before{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-82ff133{margin:-59px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button .premium-image-button-text-icon-wrapper span{color:#000000;}.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button, .elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button-effect-container, .elementor-7 .elementor-element.elementor-element-82ff133 .premium-button-line6::after{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-82ff133 .premium-image-button:hover .premium-image-button-text-icon-wrapper span, .elementor-7 .elementor-element.elementor-element-82ff133 .premium-button-line6::after{color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-53f896ea{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-premium-hscroll.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-hscroll .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-hscroll .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-hscroll .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-hscroll .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-7b0874e1 .premium-hscroll-sections-wrap{padding-top:0px;}.elementor-7 .elementor-element.elementor-element-7b0874e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-7b0874e1 .premium-hscroll-outer-wrap{background-color:var( --e-global-color-f73c0d2 );padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-db6dc3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-db6dc3c:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-db6dc3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f73c0d2 );}.elementor-7 .elementor-element.elementor-element-3e8c8cd{margin:50px 290px calc(var(--kit-widget-spacing, 0px) + 30px) 290px;text-align:center;}.elementor-7 .elementor-element.elementor-element-3e8c8cd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;line-height:49px;color:#FFFFFF;}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-shortcode .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-ac15846{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-3774719{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-e612298{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-93bdf34{--padding-top:40px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-c491cf6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-3774719{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 40px) 20px;}.elementor-7 .elementor-element.elementor-element-3774719 .elementor-heading-title{font-size:19px;}.elementor-7 .elementor-element.elementor-element-26e01dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-a7ef3e7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-46523fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-46523fd.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-3e81e0d{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-3e81e0d img{max-width:100%;}.elementor-7 .elementor-element.elementor-element-76e33d3{--min-height:0px;--margin-top:-88px;--margin-bottom:0px;--margin-left:390px;--margin-right:390px;}.elementor-7 .elementor-element.elementor-element-be50637:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-be50637 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astrohunters.earth/wp-content/uploads/2025/09/Untitled-design-6.png");background-position:-30px 0px;}.elementor-7 .elementor-element.elementor-element-be50637{--width:500px;--min-height:64vh;--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:center;--align-items:center;--margin-top:-700px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-be50637.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-6d30b61{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7 .elementor-element.elementor-element-6d30b61 .elementor-heading-title{font-size:24px;line-height:1.6em;}.elementor-7 .elementor-element.elementor-element-739b805{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-e612298{--e-n-carousel-swiper-slides-to-display:1;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-4e230a0{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7 .elementor-element.elementor-element-4e230a0 .elementor-heading-title{font-size:24px;line-height:1.6em;}.elementor-7 .elementor-element.elementor-element-46157c0{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7 .elementor-element.elementor-element-46157c0 .elementor-heading-title{font-size:24px;line-height:1.6em;}.elementor-7 .elementor-element.elementor-element-b2d0cfd .elementor-heading-title{font-size:15px;}.elementor-7 .elementor-element.elementor-element-573eb90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-b38c2bc .elementor-heading-title{font-size:15px;}.elementor-7 .elementor-element.elementor-element-fcb8b02 .elementor-heading-title{font-size:15px;}.elementor-7 .elementor-element.elementor-element-82ff133{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-3e8c8cd{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-7 .elementor-element.elementor-element-3e8c8cd .elementor-heading-title{font-size:24px;line-height:1.6em;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-10b4afb{--width:35%;}.elementor-7 .elementor-element.elementor-element-76e33d3{--width:23%;}.elementor-7 .elementor-element.elementor-element-834cd6a{--content-width:1600px;}.elementor-7 .elementor-element.elementor-element-b22bd15{--content-width:1437px;}.elementor-7 .elementor-element.elementor-element-a9a518e{--content-width:1459px;}}@media(min-width:1025px){.elementor-7 .elementor-element.elementor-element-b22bd15::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-b22bd15 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-93bdf34 */.hero-exohunters {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
overflow: hidden;
background: #000;
font-family: Arial, sans-serif;
}
.hero-exohunters .stars,
.hero-exohunters .twinkling,
.hero-exohunters .clouds {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.hero-exohunters .stars {
background: #000 url("https://www.script-tutorials.com/demos/360/images/stars.png") repeat top center;
z-index: 0;
}
.hero-exohunters .twinkling {
background: transparent url("https://www.script-tutorials.com/demos/360/images/twinkling.png") repeat top center;
animation: move-twinkle 200s linear infinite;
z-index: 1;
}
.hero-exohunters .clouds {
background: transparent url("https://www.script-tutorials.com/demos/360/images/clouds3.png") repeat top center;
animation: move-clouds 100s linear infinite;
opacity: 0.2;
z-index: 2;
}
@keyframes move-twinkle {
from { background-position: 0 0; }
to { background-position: -10000px 5000px; }
}
@keyframes move-clouds {
from { background-position: 0 0; }
to { background-position: 10000px 0; }
}
.hero-exohunters .hero-content {
position: relative;
z-index: 3;
padding: 40px;
}
.hero-exohunters h1 {
font-size: clamp(40px, 7vw, 80px);
margin: 0;
font-weight: 800;
}
.hero-exohunters p {
font-size: clamp(16px, 2vw, 22px);
margin: 20px auto;
max-width: 600px;
opacity: 0.85;
}
.hero-exohunters .cta-btn {
display: inline-block;
margin-top: 20px;
padding: 14px 28px;
background: linear-gradient(90deg, #6dd3ff, #5b6bff);
color: #041025;
font-weight: 700;
border-radius: 12px;
text-decoration: none;
box-shadow: 0 6px 18px rgba(91, 107, 255, 0.3);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e81e0d */#moon {
transform-origin: center center;
animation: kenBurns 10s ease-in-out infinite alternate;
}
@keyframes kenBurns {
100% {
transform: scale(1);
}
0% {
transform: scale(1.2);
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-365ccca */#section1 {
transform-origin: center center;
animation: kenBurns 10s ease-in-out infinite alternate;
}
@keyframes kenBurns {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b1453 *//* === ASTROHUNTERS COSMIC GLASS (autoscroll OK) + TEXTO CLARO === */
/* Aseguramos que los slides sigan funcionando */
.swiper-slide {
background: rgba(15, 20, 50, 0.35); /* fondo translúcido */
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border: 1.5px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
box-shadow:
0 0 12px rgba(138, 215, 255, 0.25),
inset 0 0 20px rgba(255, 119, 207, 0.15);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ Estrellas suaves sin interferir con Swiper */
.swiper-slide::before {
content: "";
position: absolute;
inset: 0;
background: url("https://www.transparenttextures.com/patterns/stardust.png");
background-size: cover;
opacity: 0.25;
mix-blend-mode: screen;
pointer-events: none;
z-index: 0;
}
/* Elevar contenido sobre las estrellas */
.swiper-slide * {
position: relative;
z-index: 1;
}
/* 🌌 Borde neón al pasar el mouse */
.swiper-slide:hover {
border-color: rgba(138, 215, 255, 0.5);
box-shadow:
0 0 16px rgba(138, 215, 255, 0.6),
0 0 28px rgba(255, 119, 207, 0.5),
inset 0 0 24px rgba(255, 255, 255, 0.1);
transform: scale(1.02);
transition: all 0.4s ease;
}
/* === TEXTO MÁS CLARO Y LEGIBLE === */
/* Títulos dentro de los slides */
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide .elementor-heading-title {
color: #ffffff !important;
text-shadow:
0 0 10px rgba(138, 215, 255, 0.5),
0 0 20px rgba(255, 255, 255, 0.2);
letter-spacing: 0.5px;
font-weight: 600;
transition: text-shadow 0.4s ease;
}
/* Texto descriptivo o párrafos */
.swiper-slide p,
.swiper-slide span,
.swiper-slide div {
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: 0 0 8px rgba(138, 215, 255, 0.25);
font-weight: 400;
line-height: 1.5;
}
/* Hover luminoso */
.swiper-slide:hover p,
.swiper-slide:hover h2,
.swiper-slide:hover h3 {
color: #ffffff !important;
text-shadow:
0 0 14px rgba(138, 215, 255, 0.6),
0 0 24px rgba(255, 119, 207, 0.3);
}
/* === OPCIONAL: Animación de estrellas (sutil y no interfiere) === */
@keyframes starsMove {
0% { background-position: 0 0; }
100% { background-position: 1000px 1000px; }
}
.swiper-slide::before {
animation: starsMove 60s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ef383 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e483ac *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fec6 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1ba535 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b785 *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ba5f *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31d51bd *//* =========================
🌌 Exo Glass Space Style
========================= */
:root{
--exo-navy:#0b1020;
--exo-blue:#5aa8ff;
--exo-pink:#ff4ebd;
--exo-violet:#b86bff;
--exo-ink:rgba(13,17,34,.78);
--exo-bright:rgba(255,255,255,.08);
}
/* ==== SCOPE: bloquea overlays del tema/slider dentro de la sección ==== */
.exo-scope{ position:relative; z-index:0; }
.exo-scope .elementor-background-overlay,
.exo-scope .swiper-slide-duplicate .elementor-background-overlay,
.exo-scope .elementor-shape,
.exo-scope .elementor-widget-divider{ display:none !important; }
/* ==== GLASS ROSADO TRANSPARENTE ==== */
.exo-scope .exo-glass{
position:relative; isolation:isolate;
border-radius:22px;
/* vidrio translúcido con tinte rosado/azul */
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%) ,
linear-gradient(135deg, rgba(255,78,189,.22), rgba(90,168,255,.12)) ,
rgba(15,20,42,.28) !important;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
border:1px solid rgba(255,78,189,.35);
box-shadow:
0 18px 36px rgba(10,12,28,.45),
inset 0 1px 0 rgba(255,255,255,.18);
color:#fff;
padding: clamp(16px,3.2vw,28px);
overflow:hidden;
}
/* Borde degradado rosa→violeta→azul */
.exo-scope .exo-glass::before{
content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
background: linear-gradient(135deg, #ff4ebd, #b86bff, #5aa8ff);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
opacity:.95;
z-index: 1;
}
/* Halo interior base */
.exo-scope .exo-glass::after{
content:""; position:absolute; inset:-12px; border-radius:inherit; z-index:0;
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
filter: blur(18px);
}
.exo-scope .exo-glass > *{ position:relative; z-index:2; }
/* ==== ESTRELLAS ==== */
.exo-scope .exo-stars::after{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; z-index:1;
background-image:
radial-gradient(2px 2px at 20% 25%, rgba(255,255,255,.9), transparent 40%),
radial-gradient(1.8px 1.8px at 72% 62%, rgba(255,78,189,.85), transparent 40%),
radial-gradient(1.6px 1.6px at 42% 86%, rgba(90,168,255,.85), transparent 40%);
animation:
exo-twinkle 7s ease-in-out infinite,
exo-stars-parallax 60s linear infinite;
}
@keyframes exo-twinkle{
0%,100%{opacity:.25; transform:translateY(0)}
50%{opacity:.55; transform:translateY(-2px)}
}
@keyframes exo-stars-parallax{
0% { transform: translate3d(0,0,0); }
50% { transform: translate3d(-1%, -1%, 0); }
100% { transform: translate3d(0,0,0); }
}
/* ==== FLOTADO SUAVE ==== */
.exo-scope .exo-float{ animation: exo-float 9s ease-in-out infinite; }
@keyframes exo-float{
0%,100%{ transform: translateY(0) }
50%{ transform: translateY(-6px) }
}
/* ==== EFECTOS PERMANENTES (wow espacial) ==== */
/* Halo que respira + aurora que se desplaza */
.exo-scope .exo-glass::after{
background:
radial-gradient(60% 60% at 80% 0%, rgba(255,78,189,.26), transparent 65%),
radial-gradient(55% 60% at 0% 100%, rgba(90,168,255,.18), transparent 65%);
background-size: 160% 160%, 140% 140%;
background-position: 20% 10%, 80% 90%;
animation:
exo-aurora-drift 22s ease-in-out infinite,
exo-halo-breathe 10s ease-in-out infinite;
will-change: background-position, filter;
}
@keyframes exo-aurora-drift{
0% { background-position: 20% 10%, 80% 90%; }
50% { background-position: 78% 28%, 22% 72%; }
100% { background-position: 20% 10%, 80% 90%; }
}
@keyframes exo-halo-breathe{
0%,100%{ filter: blur(18px) brightness(1); }
50% { filter: blur(21px) brightness(1.07); }
}
/* Borde con flujo suave */
.exo-scope .exo-glass::before{
background-size: 200% 200%;
animation: exo-border-slow 28s linear infinite;
}
@keyframes exo-border-slow{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* ==== ACCESIBILIDAD ==== */
@media (prefers-reduced-motion: reduce){
.exo-scope .exo-glass::after,
.exo-scope .exo-glass::before,
.exo-scope .exo-stars::after,
.exo-scope .exo-float{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-e612298 *//* ====== Flechas tipo cohete con forma definida y propulsor ====== */
.rocket-arrows .elementor-swiper-button-prev,
.rocket-arrows .elementor-swiper-button-next{
--size: 72px; /* tamaño del botón */
--rocket-w: 46px; /* largo del cohete */
--rocket-h: 28px; /* alto del cohete */
--c1:#8ad7ff; /* celeste */
--c2:#ff77cf; /* rosa */
--stroke:#ffffff; /* contorno para destacar */
--stroke-alpha:.75;
--fl1:#ffd36a; /* llama 1 */
--fl2:#ff8bbf; /* llama 2 */
--glow: rgba(140,200,255,.55);
width: var(--size);
height: var(--size);
background: none;
border: 0;
position: relative;
z-index: 9;
opacity: 1 !important;
cursor: pointer;
}
/* ocultar íconos nativos */
.rocket-arrows .elementor-swiper-button-prev:after,
.rocket-arrows .elementor-swiper-button-next:after{ content:""; }
/* ---------- Cohete con forma de flecha (punta+aletas) ---------- */
.rocket-arrows .elementor-swiper-button-prev::before,
.rocket-arrows .elementor-swiper-button-next::before{
content:"";
position:absolute;
left:50%; top:50%;
width: var(--rocket-w);
height: var(--rocket-h);
transform: translate(-50%,-50%);
/* cuerpo con punta de flecha y aletas (SVG como máscara) */
background: linear-gradient(135deg,var(--c1),var(--c2));
-webkit-mask: url("data:image/svg+xml;utf8,\
") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,\
") center/contain no-repeat;
/* contorno brillante para que se note más */
box-shadow:
0 0 0 2px rgba(255,255,255,var(--stroke-alpha)) inset,
0 0 18px var(--glow), 0 0 28px rgba(255,119,207,.35);
}
/* orientar */
.rocket-arrows .elementor-swiper-button-prev::before{ transform:translate(-50%,-50%) rotate(180deg); }
.rocket-arrows .elementor-swiper-button-next::before{ transform:translate(-50%,-50%) rotate(0deg); }
/* ---------- Llama / propulsor bien visible ---------- */
.rocket-arrows .elementor-swiper-button-prev i,
.rocket-arrows .elementor-swiper-button-next i{ display:none; }
.rocket-arrows .elementor-swiper-button-prev .flame,
.rocket-arrows .elementor-swiper-button-next .flame{
position:absolute;
left:50%; top:50%;
width: 18px; height: 18px;
transform: translate(-72%,-50%) rotate(180deg); /* hacia atrás por defecto */
pointer-events:none;
border-radius:50%;
background:
radial-gradient(circle at 50% 50%, #fff 0 25%, rgba(255,255,255,.7) 26% 36%, transparent 37%),
radial-gradient(circle at 45% 55%, var(--fl1) 0 60%, transparent 61%),
radial-gradient(circle at 60% 45%, var(--fl2) 0 70%, transparent 71%);
filter: blur(.6px) drop-shadow(0 0 10px rgba(255,185,120,.9));
animation: flamePulse .18s infinite alternate;
}
.rocket-arrows .elementor-swiper-button-next .flame{
transform: translate(-28%,-50%) rotate(0deg);
}
/* rastro luminoso (trail) */
.rocket-arrows .elementor-swiper-button-prev::after,
.rocket-arrows .elementor-swiper-button-next::after{
content:"";
position:absolute;
left:50%; top:50%;
width: 36px; height: 10px;
transform: translate(-85%,-50%);
background: radial-gradient(60% 60% at 100% 50%, rgba(138,215,255,.55), transparent 70%),
radial-gradient(60% 60% at 100% 50%, rgba(255,119,207,.35), transparent 80%);
filter: blur(2px);
pointer-events:none;
}
.rocket-arrows .elementor-swiper-button-next::after{
transform: translate(-15%,-50%) scaleX(-1);
}
/* Hover: “empuje” y brillo */
.rocket-arrows .elementor-swiper-button-prev:hover{ transform: translateX(-8px); }
.rocket-arrows .elementor-swiper-button-next:hover{ transform: translateX(8px); }
.rocket-arrows .elementor-swiper-button-prev:hover::before,
.rocket-arrows .elementor-swiper-button-next:hover::before{
box-shadow:
0 0 0 3px rgba(255,255,255,var(--stroke-alpha)) inset,
0 0 22px var(--glow), 0 0 36px rgba(255,119,207,.45);
}
/* click: destello breve */
.rocket-arrows .elementor-swiper-button-prev:active::before,
.rocket-arrows .elementor-swiper-button-next:active::before{
filter: brightness(1.15);
}
/* animación llama */
@keyframes flamePulse{
from { transform: translate(-72%,-50%) scale(.9) rotate(180deg); opacity:.85; }
to { transform: translate(-78%,-50%) scale(1.25) rotate(180deg); opacity:1; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d0832e *//* === 🌌 ASTROHUNTERS TRANSPARENT PLANETS WITH CELESTE RINGS === */
.planet-card {
position: relative;
display: grid;
place-items: center;
text-align: center;
padding: 2.2rem;
border-radius: 50%;
aspect-ratio: 1 / 1;
max-width: 420px;
margin-inline: auto;
color: #f5faff;
overflow: hidden;
isolation: isolate;
/* Fondo transparente con leve brillo */
background: radial-gradient(120% 90% at 30% 25%, rgba(138,215,255,0.2), transparent 55%),
radial-gradient(140% 120% at 75% 80%, rgba(255,123,220,0.08), transparent 60%);
backdrop-filter: blur(12px) saturate(130%);
-webkit-backdrop-filter: blur(12px) saturate(130%);
box-shadow:
0 0 40px rgba(138,215,255,0.15),
inset 0 0 60px rgba(138,215,255,0.08);
transition: transform .35s ease, box-shadow .35s ease;
border: 1px solid rgba(138,215,255,0.25);
}
/* ✨ Brillo atmosférico y profundidad */
.planet-card::before {
content: "";
position: absolute;
inset: -8%;
border-radius: 50%;
background: radial-gradient(60% 60% at 50% 35%, rgba(255,255,255,0.12), transparent 55%),
radial-gradient(120% 100% at 50% 120%, rgba(0,0,0,0.25), transparent 60%);
z-index: -1;
pointer-events: none;
}
/* 💫 Anillo saturniano */
.planet-card .ring {
position: absolute;
width: 180%;
height: 60%;
border: 3px solid rgba(138,215,255,0.3);
border-top: 3px solid rgba(255,123,220,0.25);
border-radius: 50%;
top: 45%;
left: -40%;
transform: rotateX(60deg) rotateZ(25deg);
filter: blur(0.6px);
animation: ring-spin 20s linear infinite;
box-shadow:
0 0 20px rgba(138,215,255,0.3),
inset 0 0 10px rgba(255,123,220,0.1);
}
/* 🌈 Texto */
.planet-card * {
font-family: 'Poppins', sans-serif;
}
.planet-card h3 {
margin: 0 0 .8rem;
font-weight: 600;
font-size: 1.2rem;
color: #ffffff;
text-shadow: 0 0 10px rgba(138,215,255,0.35);
}
.planet-card p {
margin: 0;
color: rgba(255,255,255,0.9);
line-height: 1.6;
max-width: 85%;
}
/* ✨ Hover: flota ligeramente */
.planet-card:hover {
transform: translateY(-6px) scale(1.04);
box-shadow:
0 12px 36px rgba(0,0,0,0.4),
0 0 60px rgba(255,119,207,0.25),
0 0 90px rgba(138,215,255,0.35);
}
/* 🌟 Animaciones */
@keyframes ring-spin {
0% { transform: rotateX(60deg) rotateZ(0deg); }
100% { transform: rotateX(60deg) rotateZ(360deg); }
}
/* 📱 Responsive */
@media (max-width: 768px) {
.planet-card {
max-width: 320px;
padding: 1.6rem;
}
.planet-card p {
font-size: 0.9rem;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b38c2bc *//* === 🌌 ASTROHUNTERS TRANSPARENT PLANETS WITH CELESTE RINGS === */
.planet-card {
position: relative;
display: grid;
place-items: center;
text-align: center;
padding: 2.2rem;
border-radius: 50%;
aspect-ratio: 1 / 1;
max-width: 420px;
margin-inline: auto;
color: #f5faff;
overflow: hidden;
isolation: isolate;
/* Fondo transparente con leve brillo */
background: radial-gradient(120% 90% at 30% 25%, rgba(138,215,255,0.2), transparent 55%),
radial-gradient(140% 120% at 75% 80%, rgba(255,123,220,0.08), transparent 60%);
backdrop-filter: blur(12px) saturate(130%);
-webkit-backdrop-filter: blur(12px) saturate(130%);
box-shadow:
0 0 40px rgba(138,215,255,0.15),
inset 0 0 60px rgba(138,215,255,0.08);
transition: transform .35s ease, box-shadow .35s ease;
border: 1px solid rgba(138,215,255,0.25);
}
/* ✨ Brillo atmosférico y profundidad */
.planet-card::before {
content: "";
position: absolute;
inset: -8%;
border-radius: 50%;
background: radial-gradient(60% 60% at 50% 35%, rgba(255,255,255,0.12), transparent 55%),
radial-gradient(120% 100% at 50% 120%, rgba(0,0,0,0.25), transparent 60%);
z-index: -1;
pointer-events: none;
}
/* 💫 Anillo saturniano */
.planet-card .ring {
position: absolute;
width: 180%;
height: 60%;
border: 3px solid rgba(138,215,255,0.3);
border-top: 3px solid rgba(255,123,220,0.25);
border-radius: 50%;
top: 45%;
left: -40%;
transform: rotateX(60deg) rotateZ(25deg);
filter: blur(0.6px);
animation: ring-spin 20s linear infinite;
box-shadow:
0 0 20px rgba(138,215,255,0.3),
inset 0 0 10px rgba(255,123,220,0.1);
}
/* 🌈 Texto */
.planet-card * {
font-family: 'Poppins', sans-serif;
}
.planet-card h3 {
margin: 0 0 .8rem;
font-weight: 600;
font-size: 1.2rem;
color: #ffffff;
text-shadow: 0 0 10px rgba(138,215,255,0.35);
}
.planet-card p {
margin: 0;
color: rgba(255,255,255,0.9);
line-height: 1.6;
max-width: 85%;
}
/* ✨ Hover: flota ligeramente */
.planet-card:hover {
transform: translateY(-6px) scale(1.04);
box-shadow:
0 12px 36px rgba(0,0,0,0.4),
0 0 60px rgba(255,119,207,0.25),
0 0 90px rgba(138,215,255,0.35);
}
/* 🌟 Animaciones */
@keyframes ring-spin {
0% { transform: rotateX(60deg) rotateZ(0deg); }
100% { transform: rotateX(60deg) rotateZ(360deg); }
}
/* 📱 Responsive */
@media (max-width: 768px) {
.planet-card {
max-width: 320px;
padding: 1.6rem;
}
.planet-card p {
font-size: 0.9rem;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fcb8b02 *//* === 🌌 ASTROHUNTERS TRANSPARENT PLANETS WITH CELESTE RINGS === */
.planet-card {
position: relative;
display: grid;
place-items: center;
text-align: center;
padding: 2.2rem;
border-radius: 50%;
aspect-ratio: 1 / 1;
max-width: 420px;
margin-inline: auto;
color: #f5faff;
overflow: hidden;
isolation: isolate;
/* Fondo transparente con leve brillo */
background: radial-gradient(120% 90% at 30% 25%, rgba(138,215,255,0.2), transparent 55%),
radial-gradient(140% 120% at 75% 80%, rgba(255,123,220,0.08), transparent 60%);
backdrop-filter: blur(12px) saturate(130%);
-webkit-backdrop-filter: blur(12px) saturate(130%);
box-shadow:
0 0 40px rgba(138,215,255,0.15),
inset 0 0 60px rgba(138,215,255,0.08);
transition: transform .35s ease, box-shadow .35s ease;
border: 1px solid rgba(138,215,255,0.25);
}
/* ✨ Brillo atmosférico y profundidad */
.planet-card::before {
content: "";
position: absolute;
inset: -8%;
border-radius: 50%;
background: radial-gradient(60% 60% at 50% 35%, rgba(255,255,255,0.12), transparent 55%),
radial-gradient(120% 100% at 50% 120%, rgba(0,0,0,0.25), transparent 60%);
z-index: -1;
pointer-events: none;
}
/* 💫 Anillo saturniano */
.planet-card .ring {
position: absolute;
width: 180%;
height: 60%;
border: 3px solid rgba(138,215,255,0.3);
border-top: 3px solid rgba(255,123,220,0.25);
border-radius: 50%;
top: 45%;
left: -40%;
transform: rotateX(60deg) rotateZ(25deg);
filter: blur(0.6px);
animation: ring-spin 20s linear infinite;
box-shadow:
0 0 20px rgba(138,215,255,0.3),
inset 0 0 10px rgba(255,123,220,0.1);
}
/* 🌈 Texto */
.planet-card * {
font-family: 'Poppins', sans-serif;
}
.planet-card h3 {
margin: 0 0 .8rem;
font-weight: 600;
font-size: 1.2rem;
color: #ffffff;
text-shadow: 0 0 10px rgba(138,215,255,0.35);
}
.planet-card p {
margin: 0;
color: rgba(255,255,255,0.9);
line-height: 1.6;
max-width: 85%;
}
/* ✨ Hover: flota ligeramente */
.planet-card:hover {
transform: translateY(-6px) scale(1.04);
box-shadow:
0 12px 36px rgba(0,0,0,0.4),
0 0 60px rgba(255,119,207,0.25),
0 0 90px rgba(138,215,255,0.35);
}
/* 🌟 Animaciones */
@keyframes ring-spin {
0% { transform: rotateX(60deg) rotateZ(0deg); }
100% { transform: rotateX(60deg) rotateZ(360deg); }
}
/* 📱 Responsive */
@media (max-width: 768px) {
.planet-card {
max-width: 320px;
padding: 1.6rem;
}
.planet-card p {
font-size: 0.9rem;
}
}/* End custom CSS */
/* Start custom CSS *//* ===== Fix global de gaps en móvil (Elementor) ===== */
@media (max-width: 767px){
/* Quita alturas forzadas */
.elementor-section, .elementor-column{ min-height:auto !important; }
/* Neutraliza secciones con altura en vh (coladas inline) */
[style*="min-height: 100vh"], [style*="min-height:90vh"], [style*="min-height:80vh"]{
min-height:auto !important;
}
/* Spacers demasiado altos */
.elementor-widget-spacer{ height:auto !important; }
.elementor-widget-spacer .elementor-spacer,
.elementor-widget-spacer .elementor-spacer-inner{ height:16px !important; }
/* Paddings heredados de desktop */
.elementor-section, .elementor-column{
padding-top:clamp(8px,3.5vw,20px) !important;
padding-bottom:clamp(8px,3.5vw,20px) !important;
}
/* Evita que fondos/halos generen scroll horizontal */
html, body{ overflow-x:hidden; }
/* Carruseles: que no dejen “cola” */
.swiper, .swiper-container{ overflow:visible; }
.swiper-pagination{ margin-top:6px !important; margin-bottom:0 !important; }
/* Imágenes y vídeos responsivos */
img, video{ max-width:100%; height:auto; display:block; }
/* Botar márgenes enormes abajo de títulos vacíos o con salto */
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty{ display:none !important; }
/* Columnas con “Igualar altura” que estiran de más */
.elementor-column .elementor-widget-wrap{ align-content:flex-start !important; }
}/* End custom CSS */