.elementor-5727 .elementor-element.elementor-element-ce6224b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:8rem;--padding-bottom:1rem;--padding-left:3rem;--padding-right:3rem;}.elementor-5727 .elementor-element.elementor-element-ce6224b:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-ce6224b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5727 .elementor-element.elementor-element-ce6224b.e-con{--align-self:center;}.elementor-5727 .elementor-element.elementor-element-3c0078c{--display:flex;--justify-content:center;}.elementor-5727 .elementor-element.elementor-element-3c0078c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5727 .elementor-element.elementor-element-1c79f3f{--display:flex;--min-height:300px;--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:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-1c79f3f.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5727 .elementor-element.elementor-element-3acd821{--display:flex;--min-height:35vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:9px;--margin-right:-4px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-woocommerce-product-title .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-5727 .elementor-element.elementor-element-49bf16d:hover{--e-transform-scale:1.05;}.elementor-5727 .elementor-element.elementor-element-49bf16d{margin:1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-49bf16d .elementor-heading-title{font-family:"Oxanium", Sans-serif;font-size:1.5rem;font-weight:700;font-style:italic;color:#FFFFFF;}.elementor-5727 .elementor-element.elementor-element-49bf16d .elementor-heading-title a:hover, .elementor-5727 .elementor-element.elementor-element-49bf16d .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5727 .elementor-element.elementor-element-9455ddc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-13px -4px calc(var(--kit-widget-spacing, 0px) + -4px) -4px;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-9455ddc.elementor-element{--align-self:center;}.elementor-5727 .elementor-element.elementor-element-9455ddc .elementor-divider-separator{width:100%;}.elementor-5727 .elementor-element.elementor-element-9455ddc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5727 .elementor-element.elementor-element-e45f8fe{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-13px -4px calc(var(--kit-widget-spacing, 0px) + -4px) -4px;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-e45f8fe.elementor-element{--align-self:center;}.elementor-5727 .elementor-element.elementor-element-e45f8fe .elementor-divider-separator{width:100%;}.elementor-5727 .elementor-element.elementor-element-e45f8fe .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5727 .elementor-element.elementor-element-8d3f9fd{--display:flex;--min-height:350px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:3rem;--padding-right:2rem;}.elementor-5727 .elementor-element.elementor-element-f548c53{--e-image-carousel-slides-to-show:1;background-color:#02010100;border-radius:2rem 2rem 2rem 2rem;}.elementor-5727 .elementor-element.elementor-element-f548c53:not( .elementor-widget-image ), .elementor-5727 .elementor-element.elementor-element-f548c53.elementor-widget-image img{-webkit-mask-image:url( https://ws-connectioncommerce.com/wp-content/plugins/elementor/assets/mask-shapes/pill-vertical.svg );-webkit-mask-size:200%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-pagination-bullet{width:5.8rem;height:5.8rem;background:#9797970F;}.elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#F0F0F017;opacity:1;}.elementor-5727 .elementor-element.elementor-element-f548c53 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;}.elementor-5727 .elementor-element.elementor-element-e34dba2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-e34dba2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5727 .elementor-element.elementor-element-0b7ac5a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-50da2c5{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0px 0px 0px 0px;}.woocommerce .elementor-5727 .elementor-element.elementor-element-50da2c5 .woocommerce-product-details__short-description{color:#FFFFFF;font-weight:300;}.woocommerce .elementor-widget-woocommerce-product-price .price{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-5727 .elementor-element.elementor-element-a9622bf{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + -1rem) 0rem;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-a9622bf.elementor-element{--align-self:flex-start;}.woocommerce .elementor-5727 .elementor-element.elementor-element-a9622bf .price{color:var( --e-global-color-text );font-family:"Outfit", Sans-serif;font-size:1.4rem;font-weight:100;font-style:oblique;}.woocommerce .elementor-5727 .elementor-element.elementor-element-a9622bf .price ins{color:#FFFFFF;}.elementor-5727 .elementor-element.elementor-element-cdc9804{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap: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-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-5727 .elementor-element.elementor-element-d0bed43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-5727 .elementor-element.elementor-element-d0bed43 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-5727 .elementor-element.elementor-element-2202b54{width:100%;max-width:100%;margin:-1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0px 0px 0px 0px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5727 .elementor-element.elementor-element-0b971ad .cart button, .elementor-5727 .elementor-element.elementor-element-0b971ad .cart .button{transition:all 0.2s;}.elementor-5727 .elementor-element.elementor-element-19a9784{--display:flex;--padding-top:15rem;--padding-bottom:15rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5727 .elementor-element.elementor-element-19a9784:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-19a9784 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5727 .elementor-element.elementor-element-fa62a38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;}.elementor-5727 .elementor-element.elementor-element-764c364{--display:flex;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-764c364:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-764c364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5727 .elementor-element.elementor-element-a6a2c6f{padding:1rem 0rem 1rem 0rem;}body.elementor-page-5727:not(.elementor-motion-effects-element-type-background), body.elementor-page-5727 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-5727 .elementor-element.elementor-element-ce6224b{--flex-wrap:wrap;--padding-top:8rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-3c0078c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-1c79f3f{--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-1c79f3f.e-con{--align-self:center;}.elementor-5727 .elementor-element.elementor-element-3acd821{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-80be2ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-8d3f9fd{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-0b7ac5a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;}.elementor-5727 .elementor-element.elementor-element-50da2c5{width:100%;max-width:100%;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.woocommerce .elementor-5727 .elementor-element.elementor-element-50da2c5 .woocommerce-product-details__short-description{font-size:0.7rem;}.elementor-5727 .elementor-element.elementor-element-a9622bf{padding:1rem 0rem 0rem 0rem;text-align:center;}.elementor-5727 .elementor-element.elementor-element-a9622bf.elementor-element{--align-self:center;}body:not(.rtl) .elementor-5727 .elementor-element.elementor-element-a9622bf:not(.elementor-product-price-block-yes) del{margin-right:0px;}body.rtl .elementor-5727 .elementor-element.elementor-element-a9622bf:not(.elementor-product-price-block-yes) del{margin-left:0px;}.elementor-5727 .elementor-element.elementor-element-a9622bf.elementor-product-price-block-yes del{margin-bottom:0px;}.elementor-5727 .elementor-element.elementor-element-cdc9804{--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:5rem;}.elementor-5727 .elementor-element.elementor-element-2202b54{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:1rem 1rem 1rem 1rem;}.elementor-5727 .elementor-element.elementor-element-19a9784{--padding-top:10rem;--padding-bottom:10rem;--padding-left:2rem;--padding-right:2rem;}.elementor-5727 .elementor-element.elementor-element-764c364{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-5727 .elementor-element.elementor-element-a6a2c6f{padding:0rem 0rem 0rem 0rem;}}@media(max-width:767px){.elementor-5727 .elementor-element.elementor-element-ce6224b{--padding-top:9rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-1c79f3f{--min-height:250px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-3acd821{--width:100%;--min-height:32vh;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-49bf16d{width:100%;max-width:100%;margin:1rem 0rem calc(var(--kit-widget-spacing, 0px) + 1rem) 0rem;}.elementor-5727 .elementor-element.elementor-element-49bf16d .elementor-heading-title{font-size:1.3rem;}.elementor-5727 .elementor-element.elementor-element-e45f8fe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-8d3f9fd{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-f548c53{--e-image-carousel-slides-to-show:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-f548c53:not( .elementor-widget-image ), .elementor-5727 .elementor-element.elementor-element-f548c53.elementor-widget-image img{-webkit-mask-size:custom;}.elementor-5727 .elementor-element.elementor-element-f548c53 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:2rem 2rem 2rem 2rem;}.elementor-5727 .elementor-element.elementor-element-e34dba2{--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5727 .elementor-element.elementor-element-e34dba2.e-con{--align-self:center;}.elementor-5727 .elementor-element.elementor-element-0b7ac5a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:2rem;--margin-bottom:-2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-5727 .elementor-element.elementor-element-0b7ac5a.e-con{--align-self:center;}.elementor-5727 .elementor-element.elementor-element-50da2c5{width:100%;max-width:100%;margin:3rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.woocommerce .elementor-5727 .elementor-element.elementor-element-50da2c5 .woocommerce-product-details__short-description{font-size:0.7rem;}.elementor-5727 .elementor-element.elementor-element-a9622bf{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 2rem;text-align:center;}.elementor-5727 .elementor-element.elementor-element-a9622bf.elementor-element{--align-self:flex-start;}.elementor-5727 .elementor-element.elementor-element-cdc9804{--padding-top:0rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5727 .elementor-element.elementor-element-2202b54{margin:1rem 0rem calc(var(--kit-widget-spacing, 0px) + 4rem) 0rem;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-19a9784{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:8rem;--padding-bottom:10rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5727 .elementor-element.elementor-element-fa62a38{padding:4rem 0rem 0rem 0rem;}.elementor-5727 .elementor-element.elementor-element-764c364{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:8rem;--padding-bottom:10rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5727 .elementor-element.elementor-element-a6a2c6f{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:1rem 1rem 1rem 1rem;}}@media(min-width:768px){.elementor-5727 .elementor-element.elementor-element-3c0078c{--width:59.963%;}.elementor-5727 .elementor-element.elementor-element-1c79f3f{--width:94.792%;}.elementor-5727 .elementor-element.elementor-element-3acd821{--width:80%;}.elementor-5727 .elementor-element.elementor-element-e34dba2{--width:50%;}.elementor-5727 .elementor-element.elementor-element-cdc9804{--width:30vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-5727 .elementor-element.elementor-element-3c0078c{--width:100vw;}.elementor-5727 .elementor-element.elementor-element-e34dba2{--width:612.5px;}.elementor-5727 .elementor-element.elementor-element-0b7ac5a{--width:100vw;}.elementor-5727 .elementor-element.elementor-element-cdc9804{--width:100vw;}}/* Start custom CSS for woocommerce-product-title, class: .elementor-element-49bf16d *//* ========================================================= WS CONNECTION® — CINEMATIC PRODUCT TITLE SYSTEM NETFLIX METAL CORE × QUIET LUXURY UI (REDUCED BY 40%) ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400&display=swap'); /* ========================================================= TITLE ROOT ========================================================= */ .product_title.entry-title { --text: #ffffff; --muted: rgba(255,255,255,.28); position: relative; display: flex; align-items: center; width: 100%; margin-bottom: 20px !important; /* 34px -> 20px */ padding: 0 !important; overflow: visible; isolation: isolate; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: clamp(19px, 1.8vw, 40px) !important; /* clamp(32, 3vw, 66) -> clamp(19, 1.8vw, 40) */ line-height: .92 !important; letter-spacing: 7px !important; /* 12px -> 7px */ text-indent: 7px; /* 12px -> 7px */ font-weight: 200 !important; text-transform: uppercase !important; color: transparent !important; cursor: default; /* ===================================================== CINEMATIC METAL GRADIENT ===================================================== */ background: linear-gradient( 75deg, rgba(18,18,20,.92) 0%, rgba(90,90,95,.92) 34%, #ffffff 50%, rgba(90,90,95,.92) 66%, rgba(18,18,20,.92) 100% ); background-size: 400% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow( 0 2px 7px rgba(0,0,0,.45) /* Reduzido o shadow também */ ); animation: wsTitleSweep 5s cubic-bezier(.25,1,.2,1) infinite; transition: transform .5s cubic-bezier(.16,1,.3,1), opacity .4s ease; z-index: 2; } /* ========================================================= LUXURY DOT ========================================================= */ .product_title.entry-title::before { content: ""; display: inline-block; width: 3px; /* 5px -> 3px */ height: 3px; /* 5px -> 3px */ min-width: 3px; /* 5px -> 3px */ border-radius: 50%; margin-right: 16px; /* 26px -> 16px */ background: #ffffff; box-shadow: 0 0 6px rgba(255,255,255,.75), 0 0 14px rgba(255,255,255,.25); animation: wsDotPulse 5s cubic-bezier(.25,1,.2,1) infinite; transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s ease; } /* ========================================================= PRIVATE LABEL ========================================================= */ .product_title.entry-title::after { content: "WS CONNECTION® • PRIVATE CLUB"; position: absolute; top: -13px; /* -22px -> -13px */ left: 19px; /* 32px -> 19px */ font-size: 6px; /* 10px -> 6px */ font-weight: 300; letter-spacing: 2.5px; /* 4px -> 2.5px */ text-transform: uppercase; white-space: nowrap; color: rgba(255,255,255,.32); -webkit-text-fill-color: rgba(255,255,255,.32); animation: none; } /* ========================================================= HOVER INTERACTION ========================================================= */ .product_title.entry-title:hover { transform: scale(1.015); } .product_title.entry-title:hover::before { transform: scale(1.45); box-shadow: 0 0 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,.45); } /* ========================================================= SUMMARY SUPPORT ========================================================= */ .single-product .summary.entry-summary { position: relative; z-index: 1; } /* ========================================================= AMBIENT BACKGROUND ========================================================= */ .single-product .summary.entry-summary::before { content: "WS"; position: absolute; top: -24px; /* -40px -> -24px */ right: 0; font-size: 9.6vw; /* 16vw -> 9.6vw */ line-height: 1; font-weight: 200; letter-spacing: -0.6vw; /* -1vw -> -0.6vw */ color: rgba(255,255,255,.018); pointer-events: none; z-index: 0; font-family: 'Plus Jakarta Sans', sans-serif; } /* ========================================================= CINEMATIC SWEEP ========================================================= */ @keyframes wsTitleSweep { 0% { background-position: 400% 0%; filter: drop-shadow( 0 1px 2px rgba(0,0,0,.4) ) brightness(.62); } 14% { filter: drop-shadow( 0 5px 11px rgba(255,255,255,.12) ) brightness(1.35); } 32% { background-position: 0% 0%; filter: drop-shadow( 0 2px 7px rgba(0,0,0,.45) ) brightness(1); } 100% { background-position: 0% 0%; filter: drop-shadow( 0 2px 7px rgba(0,0,0,.45) ) brightness(1); } } /* ========================================================= DOT PULSE ========================================================= */ @keyframes wsDotPulse { 0% { transform: scale(.9); opacity: .4; } 12% { transform: scale(1.2); opacity: 1; } 30% { transform: scale(1); opacity: .72; } 100% { transform: scale(.9); opacity: .4; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:768px) { .product_title.entry-title { font-size: 29px !important; /* 48px -> 29px */ letter-spacing: 5px !important; /* 8px -> 5px */ text-indent: 5px; /* 8px -> 5px */ line-height: 1 !important; margin-bottom: 16px !important; /* 26px -> 16px */ } .product_title.entry-title::before { margin-right: 11px; /* 18px -> 11px */ } .product_title.entry-title::after { top: -11px; /* -18px -> -11px */ left: 14px; /* 24px -> 14px */ font-size: 5px; /* 8px -> 5px */ letter-spacing: 2px; /* 3px -> 2px */ } } /* ========================================================= EXTRA SMALL DEVICES ========================================================= */ @media(max-width:480px) { .product_title.entry-title { font-size: 23px !important; /* 38px -> 23px */ letter-spacing: 3px !important; /* 5px -> 3px */ text-indent: 3px; /* 5px -> 3px */ } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f548c53 *//* ========================================================= WS CONNECTION® — IMAGE CAROUSEL GALAXY GLASS • PERFECT SQUARE SYSTEM COSMIC FABRIC MOTION Elementor Image Carousel Widget DESKTOP 360 × 360px MOBILE 412.5 × 412.5px (+10%) IMAGE BEHAVIOR • Sempre 1:1 • Imagem inteira visível • Sem crop • Sem deformação • Sem gaps internos ========================================================= */ /* ========================================================= 01 — CONTAINER ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 { position: relative !important; width: 100% !important; isolation: isolate !important; } /* ========================================================= 02 — SWIPER ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper { overflow: visible !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-wrapper { align-items: center !important; } /* ========================================================= 03 — SLIDE QUADRADO PERFEITO ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide { position: relative !important; width: 360px !important; height: 360px !important; min-width: 360px !important; min-height: 360px !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; isolation: isolate !important; border-radius: 2rem !important; box-sizing: border-box !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } /* ========================================================= 04 — IMAGEM --------------------------------------------------------- A imagem NÃO é cortada. Ela é contida dentro do quadrado. ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide-image { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; border-radius: 2rem !important; opacity: 0.88 !important; box-sizing: border-box !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.14), 0 0 35px rgba(146, 255, 225, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease, filter 0.5s ease, box-shadow 0.65s ease !important; } /* ========================================================= 05 — GLASS EDGE ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 3 !important; pointer-events: none !important; border-radius: 2rem !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.008) 45%, rgba(146, 255, 225, 0.018) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(255, 255, 255, 0.025) !important; } /* ========================================================= 06 — COSMIC FABRIC --------------------------------------------------------- UMA ÚNICA CAMADA SOBRE A IMAGEM ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::after { content: "" !important; position: absolute !important; z-index: 5 !important; inset: -10% !important; pointer-events: none !important; border-radius: 2rem !important; opacity: 0 !important; mix-blend-mode: screen !important; background: /* ----------------------------------------------- RADIAL FABRIC ----------------------------------------------- */ repeating-radial-gradient( ellipse at 50% 50%, rgba(255,255,255,0.000) 0px, rgba(255,255,255,0.018) 3px, transparent 7px, transparent 13px, rgba(146,255,225,0.020) 21px, transparent 34px, rgba(255,255,255,0.015) 55px, transparent 89px, rgba(146,255,225,0.010) 144px, transparent 233px ), /* ----------------------------------------------- ATMOSPHERIC VOLUME ----------------------------------------------- */ radial-gradient( ellipse at 30% 40%, rgba(255,255,255,0.075) 0%, rgba(146,255,225,0.025) 12%, transparent 32% ), radial-gradient( ellipse at 75% 60%, rgba(255,255,255,0.045) 0%, rgba(146,255,225,0.018) 16%, transparent 40% ), /* ----------------------------------------------- PHOTON WAVE ----------------------------------------------- */ linear-gradient( 115deg, transparent 20%, rgba(255,255,255,0.015) 35%, rgba(255,255,255,0.10) 48%, rgba(146,255,225,0.065) 51%, rgba(255,255,255,0.025) 56%, transparent 72% ); background-size: 100% 100%, 150% 150%, 170% 170%, 260% 100%; background-position: center center, 30% 40%, 70% 60%, -120% center; filter: blur(1.5px) contrast(125%) brightness(115%); transform: scale(1.04) rotate(0deg); animation: wsxCarouselFabricFlow 12s ease-in-out infinite, wsxCarouselAtmosphericDrift 19s ease-in-out infinite alternate; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, black 8%, black 92%, transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, black 8%, black 92%, transparent 100% ); } /* ========================================================= 07 — FABRIC FLOW ========================================================= */ @keyframes wsxCarouselFabricFlow { 0% { background-position: 50% 50%, 20% 35%, 80% 65%, -120% center; transform: scale(1.04) rotate(-0.4deg); opacity: 0; } 10% { opacity: 0.20; } 25% { background-position: 48% 52%, 34% 42%, 66% 58%, -40% center; transform: scale(1.055) rotate(0.3deg); opacity: 0.42; } 42% { background-position: 52% 48%, 58% 55%, 42% 45%, 25% center; transform: scale(1.07) rotate(-0.2deg); opacity: 0.52; } 58% { background-position: 47% 53%, 72% 35%, 28% 65%, 80% center; transform: scale(1.055) rotate(0.35deg); opacity: 0.32; } 72% { background-position: 53% 47%, 82% 58%, 18% 42%, 135% center; transform: scale(1.04) rotate(-0.25deg); opacity: 0.12; } 82% { opacity: 0; } 100% { background-position: 50% 50%, 20% 35%, 80% 65%, 180% center; transform: scale(1.04) rotate(-0.4deg); opacity: 0; } } /* ========================================================= 08 — ATMOSPHERIC DRIFT ========================================================= */ @keyframes wsxCarouselAtmosphericDrift { 0% { background-size: 100% 100%, 145% 145%, 165% 165%, 250% 100%; } 50% { background-size: 108% 108%, 165% 165%, 185% 185%, 290% 100%; } 100% { background-size: 102% 102%, 155% 155%, 175% 175%, 270% 100%; } } /* ========================================================= 09 — SLIDE ATIVO ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide-active .swiper-slide-image { opacity: 0.94 !important; box-shadow: 0 22px 55px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(255, 255, 255, 0.17), 0 0 42px rgba(146, 255, 225, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important; } /* ========================================================= 10 — HOVER ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide:hover .swiper-slide-image { opacity: 0.97 !important; transform: translateY(-7px) scale(1.015) !important; filter: brightness(1.035) contrast(1.015) saturate(1.035) !important; box-shadow: 0 25px 58px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 48px rgba(146, 255, 225, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; } /* ========================================================= 11 — HOVER COSMIC BOOST ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide:hover::after { animation-duration: 8s, 14s !important; filter: blur(1px) contrast(135%) brightness(125%) !important; } /* ========================================================= 12 — NAVEGAÇÃO ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .elementor-swiper-button { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.055) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease !important; } /* ========================================================= 13 — HOVER SETAS ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .elementor-swiper-button:hover { transform: scale(1.08) !important; background: rgba(146, 255, 225, 0.08) !important; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25), 0 0 24px rgba(146, 255, 225, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important; } /* ========================================================= 14 — PAGINAÇÃO ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-pagination-bullet { width: 6px !important; height: 6px !important; margin: 0 4px !important; opacity: 0.35 !important; background: rgba(255, 255, 255, 0.70) !important; transition: width 0.4s ease, opacity 0.4s ease !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-pagination-bullet-active { width: 22px !important; border-radius: 999px !important; opacity: 0.90 !important; background: rgba(240, 244, 248, 0.90) !important; box-shadow: 0 0 12px rgba(146, 255, 225, 0.30) !important; } /* ========================================================= 15 — TABLET ========================================================= */ @media (max-width: 1024px) and (min-width: 768px) { .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide { width: 380px !important; height: 380px !important; min-width: 380px !important; min-height: 380px !important; aspect-ratio: 1 / 1 !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide-image { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; border-radius: 2rem !important; } } /* ========================================================= 16 — MOBILE +10% SOBRE 375px 375 × 1.10 = 412.5px ========================================================= */ @media (max-width: 767px) { .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide { width: 412.5px !important; height: 412.5px !important; min-width: 412.5px !important; min-height: 412.5px !important; aspect-ratio: 1 / 1 !important; border-radius: 2rem !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide-image { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; border-radius: 2rem !important; opacity: 0.92 !important; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.27), 0 0 0 1px rgba(255, 255, 255, 0.11), 0 0 28px rgba(146, 255, 225, 0.055) !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::before, .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::after { border-radius: 2rem !important; } /* * Remove o deslocamento do hover no touch. */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide:hover .swiper-slide-image { transform: none !important; } /* * Motion mais delicado no mobile. */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::after { inset: -7% !important; filter: blur(2px) contrast(120%) brightness(110%) !important; animation-duration: 14s, 22s !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .elementor-swiper-button { width: 36px !important; height: 36px !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-pagination-bullet { width: 5px !important; height: 5px !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-pagination-bullet-active { width: 18px !important; } } /* ========================================================= 17 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::after { animation: none !important; opacity: 0 !important; } .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide:hover .swiper-slide-image { transform: none !important; } } /* ========================================================= 18 — GARANTIA FINAL TODOS OS ELEMENTOS = 2rem ========================================================= */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide, .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide-image, .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::before, .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::after { border-radius: 2rem !important; } /* ========================================================= WS CONNECTION® — MOBILE | SINGLE SLIDE LOCK Um único slide ocupando o viewport ========================================================= */ @media (max-width: 767px) { /* O viewport do Swiper vira exatamente uma janela */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper { width: 100% !important; max-width: 100% !important; overflow: hidden !important; } /* Track continua podendo deslizar */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-wrapper { display: flex !important; align-items: center !important; } /* * Cada slide ocupa EXATAMENTE 100% da largura * disponível do carrossel. */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 1 / 1 !important; box-sizing: border-box !important; margin: 0 !important; border-radius: 2rem !important; } /* * O quadrado agora acompanha a largura real * do viewport. */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; border-radius: 2rem !important; } /* * Mantém o efeito limitado ao slide. */ .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::before, .elementor-5727 .elementor-element.elementor-element-f548c53 .swiper-slide::after { border-radius: 2rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3acd821 *//* ========================================================= WS CONNECTION® — ELEMENTOR CONTAINER SYSTEM PREMIUM MINIMAL LEGAL INTERFACE ========================================================= */ /* ========================================================= IMPORT ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap'); /* ========================================================= ELEMENTOR CONTAINER ROOT (COLE A CLASSE NO CONTAINER PRINCIPAL) ========================================================= */ .ws-container{ --bg:#050505; --panel:rgba(255,255,255,.018); --line:rgba(255,255,255,.06); --line-strong:rgba(255,255,255,.10); --text:#f5f5f5; --muted:rgba(255,255,255,.42); --shadow: 0 25px 80px rgba(0,0,0,.38); position:relative; width:100%; overflow:hidden; background:var(--bg); padding:80px; border-radius:34px; border:1px solid var(--line); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); isolation:isolate; box-shadow:var(--shadow); font-family:'Inter',sans-serif; } /* ========================================================= BACKGROUND AMBIENT ========================================================= */ .ws-container::before{ content:"WS CONNECTION"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:14vw; font-weight:300; letter-spacing:-1vw; white-space:nowrap; color:rgba(255,255,255,.018); pointer-events:none; z-index:0; } /* ========================================================= GRID TEXTURE ========================================================= */ .ws-container::after{ content:""; position:absolute; inset:0; background-image: linear-gradient( rgba(255,255,255,.015) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.015) 1px, transparent 1px ); background-size:42px 42px; opacity:.3; pointer-events:none; z-index:0; } /* ========================================================= CONTENT LAYER ========================================================= */ .ws-container *{ position:relative; z-index:2; } /* ========================================================= EYEBROW ========================================================= */ .ws-eyebrow{ font-size:10px; letter-spacing:4px; text-transform:uppercase; color:rgba(255,255,255,.32); margin-bottom:22px; } /* ========================================================= TITLE ========================================================= */ .ws-title{ font-size:clamp(42px,5vw,86px); line-height:0.95; font-weight:300; letter-spacing:-3px; color:var(--text); margin-bottom:24px; max-width:900px; } /* ========================================================= SUBTITLE ========================================================= */ .ws-subtitle{ max-width:820px; color:var(--muted); line-height:2; font-size:15px; font-weight:300; margin-bottom:70px; } /* ========================================================= SECTION ========================================================= */ .ws-section{ padding:48px 0; border-top:1px solid var(--line); } /* ========================================================= SECTION TITLE ========================================================= */ .ws-section-title{ font-size:28px; font-weight:300; letter-spacing:-1px; margin-bottom:18px; color:var(--text); } /* ========================================================= TEXT ========================================================= */ .ws-text{ max-width:960px; color:var(--muted); line-height:2.1; font-size:15px; font-weight:300; } /* ========================================================= LIST ========================================================= */ .ws-list{ margin-top:22px; padding-left:18px; } .ws-list li{ margin-bottom:12px; color:rgba(255,255,255,.45); line-height:1.9; font-size:14px; font-weight:300; } /* ========================================================= PREMIUM CARD ========================================================= */ .ws-card{ margin-top:24px; padding:28px; border-radius:24px; border:1px solid rgba(255,255,255,.06); background: linear-gradient( 180deg, rgba(255,255,255,.02), rgba(255,255,255,.008) ); } /* ========================================================= DISCLAIMER ========================================================= */ .ws-disclaimer{ margin-top:80px; padding:42px; border-radius:30px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.018); } .ws-disclaimer-title{ font-size:24px; font-weight:300; letter-spacing:-1px; margin-bottom:16px; color:var(--text); } .ws-disclaimer-text{ color:rgba(255,255,255,.42); line-height:2.1; font-size:14px; font-weight:300; } /* ========================================================= FOOTER ========================================================= */ .ws-footer{ margin-top:80px; padding-top:30px; border-top:1px solid rgba(255,255,255,.06); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; } .ws-footer span{ font-size:10px; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,.28); } /* ========================================================= LIVE DOT ========================================================= */ .ws-dot{ width:6px; height:6px; border-radius:50%; background:#fff; opacity:.7; animation:wsPulse 2.5s infinite; } @keyframes wsPulse{ 0%{ transform:scale(1); opacity:.25; } 50%{ transform:scale(2); opacity:.55; } 100%{ transform:scale(1); opacity:.25; } } /* ========================================================= ELEMENTOR FIXES ========================================================= */ .elementor-widget-container{ width:100%; } .e-con-full{ --container-max-width:100% !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:1024px){ .ws-container{ padding:40px 26px; border-radius:26px; } .ws-title{ font-size:46px; letter-spacing:-2px; } .ws-subtitle{ font-size:14px; } .ws-section{ padding:38px 0; } .ws-section-title{ font-size:24px; } .ws-disclaimer{ padding:28px; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-50da2c5 *//* ========================================================= WS CONNECTION® — WOOCOMMERCE LEGAL DESCRIPTION ULTRA MINIMAL PREMIUM SYSTEM (REDUCED BY 40%) ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap'); /* ========================================================= ROOT CONTAINER ========================================================= */ .woocommerce-product-details__short-description { --bg: #050505; --panel: transparent; --line: rgba(255,255,255,.06); --text: #f5f5f5; --muted: rgba(255,255,255,.44); position: relative; overflow: hidden; padding: 25px !important; /* 42px -> 25px */ border-radius: 17px; /* 28px -> 17px */ border: 1px solid var(--line) !important; background: transparent !important; backdrop-filter: blur(11px); /* 18px -> 11px */ -webkit-backdrop-filter: blur(11px); box-shadow: 0 15px 48px rgba(0,0,0,.32); /* 25px 80px -> 15px 48px */ font-family: 'Inter', sans-serif !important; isolation: isolate; transition: border-color .5s ease, transform .5s ease, background .5s ease; } /* ========================================================= PREMIUM HOVER ========================================================= */ .woocommerce-product-details__short-description:hover { transform: translateY(-2px); /* -3px -> -2px */ border-color: rgba(255,255,255,.10) !important; background: transparent !important; } /* ========================================================= BACKGROUND LOGO ========================================================= */ .woocommerce-product-details__short-description::before { content: "WS CONNECTION"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 5.28vw; /* 4.8vw + 10% */ font-weight: 300; letter-spacing: -.24vw; /* -.4vw -> -.24vw */ color: transparent; white-space: nowrap; pointer-events: none; z-index: 0; } /* ========================================================= GRID TEXTURE ========================================================= */ .woocommerce-product-details__short-description::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient( rgba(255,255,255,.014) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.014) 1px, transparent 1px ); background-size: 25px 25px; /* 42px -> 25px */ opacity: .22; pointer-events: none; z-index: 0; } /* ========================================================= CONTENT LAYER ========================================================= */ .woocommerce-product-details__short-description * { position: relative; z-index: 2; } /* ========================================================= AUTO EYEBROW ========================================================= */ .woocommerce-product-details__short-description p:first-of-type::before { content: "• WS CONNECTION® • "; display: block; margin-bottom: 11px; /* 18px -> 11px */ font-size: 6.6px; /* 6px + 10% */ letter-spacing: 2.5px; /* 4px -> 2.5px */ text-transform: uppercase; color: rgba(255,255,255,.30); font-weight: 300; } /* ========================================================= PARAGRAPHS ========================================================= */ .woocommerce-product-details__short-description p { color: var(--muted) !important; font-size: 11px !important; /* 10px + 10% */ line-height: 2 !important; /* Mantido, pois é multiplicador relativo */ font-weight: 300 !important; margin-bottom: 12px !important; /* 20px -> 12px */ max-width: 552px; /* 920px -> 552px */ } /* ========================================================= STRONG ========================================================= */ .woocommerce-product-details__short-description strong { color: var(--text) !important; font-weight: 300 !important; letter-spacing: -.1px; /* -.2px -> -.1px */ } /* ========================================================= LINKS ========================================================= */ .woocommerce-product-details__short-description a { color: rgba(255,255,255,.70) !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.15); transition: opacity .4s ease, border-color .4s ease; } .woocommerce-product-details__short-description a:hover { opacity: 1; border-color: rgba(255,255,255,.35); } /* ========================================================= LEGAL NOTICE BLOCK ========================================================= */ .ws-legal-note { margin-top: 17px; /* 28px -> 17px */ padding: 13px; /* 22px -> 13px */ border-radius: 12px; /* 20px -> 12px */ border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.018); } .ws-legal-note span { display: block; color: rgba(255,255,255,.40); line-height: 1.9; font-size: 8.8px; /* 8px + 10% */ font-weight: 300; } /* ========================================================= LIVE STATUS ========================================================= */ .ws-status { display: flex; align-items: center; gap: 6px; /* 10px -> 6px */ margin-top: 16px; /* 26px -> 16px */ } .ws-dot { width: 4px; /* 6px -> 4px */ height: 4px; /* 6px -> 4px */ border-radius: 50%; background: #fff; opacity: .65; animation: wsPulse 2.4s infinite; } .ws-status span { font-size: 6.6px; /* 6px + 10% */ letter-spacing: 2px; /* 3px -> 2px */ text-transform: uppercase; color: rgba(255,255,255,.28); } /* ========================================================= ANIMATION ========================================================= */ @keyframes wsPulse { 0% { opacity: .25; transform: scale(1); } 50% { opacity: .65; transform: scale(2); } 100% { opacity: .25; transform: scale(1); } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:768px) { .woocommerce-product-details__short-description { padding: 18px !important; /* 28px -> 18px */ border-radius: 13px; /* 22px -> 13px */ background: transparent !important; } .woocommerce-product-details__short-description:hover { background: transparent !important; } .woocommerce-product-details__short-description p { font-size: 9.9px !important; /* 9px + 10% */ line-height: 1.9 !important; } .woocommerce-product-details__short-description::before { font-size: 10.56vw; /* 9.6vw + 10% */ color: transparent; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-price, class: .elementor-element-a9622bf */css /* ========================================================= WS CONNECTION® — CINEMATIC PRICE SYSTEM IDENTIFICADOR BINÁRIO ISOLADO ========================================================= */ .010110101001011 { --text:#ffffff; display: flex !important; align-items: center; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: clamp(24px, 2.5vw, 42px) !important; font-weight: 200 !important; text-transform: uppercase !important; color: transparent !important; cursor: default; isolation: isolate; /* Cinematic Gradient */ background: linear-gradient( 75deg, rgba(18,18,20,.92) 0%, rgba(90,90,95,.92) 34%, #ffffff 50%, rgba(90,90,95,.92) 66%, rgba(18,18,20,.92) 100% ); background-size: 400% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: 010110101001011 5s cubic-bezier(.25,1,.2,1) infinite; } /* ========================================================= LUXURY DOT PARA O PREÇO ========================================================= */ .010110101001011::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 18px; background: #ffffff; box-shadow: 0 0 10px rgba(255,255,255,.75); animation: 101101010010110 5s cubic-bezier(.25,1,.2,1) infinite; } /* ========================================================= HOVER EFFECT ========================================================= */ .010110101001011:hover { transform: scale(1.02); transition: transform .5s cubic-bezier(.16,1,.3,1); } /* ========================================================= CINEMATIC SWEEP ========================================================= */ @keyframes 010110101001011 { 0% { background-position: 400% 0%; filter: brightness(.62); } 14% { filter: brightness(1.35); } 32%, 100% { background-position: 0% 0%; filter: brightness(1); } } /* ========================================================= DOT PULSE ========================================================= */ @keyframes 101101010010110 { 0% { transform: scale(.9); opacity: .4; } 12% { transform: scale(1.2); opacity: 1; } 30%, 100% { transform: scale(1); opacity: .72; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-d0bed43 *//* ========================================================================== WS CONNECTION® — ULTRA LUXURY MENU CART DRAWER QUIET LUXURY • CINEMATIC MINIMAL • PRIVATE CLUB UI ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;700&display=swap'); /* ========================================================================== ROOT DRAWER ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__main, body .elementor-menu-cart__main{ --wsx-white:#ffffff; --wsx-text-soft:rgba(255,255,255,.68); --wsx-text-muted:rgba(255,255,255,.28); --wsx-border:rgba(255,255,255,.08); --wsx-glow:rgba(255,255,255,.06); position:fixed !important; top:24px !important; left:24px !important; right:auto !important; bottom:auto !important; width:min(420px, calc(100vw - 48px)) !important; max-width:420px !important; height:450px !important; max-height:450px !important; min-height:0 !important; overflow:hidden !important; z-index:99999 !important; border-radius:24px !important; background: radial-gradient( circle at top, rgba(255,255,255,.045) 0%, transparent 38% ), linear-gradient( 180deg, rgba(5,8,12,.985) 0%, rgba(2,4,7,.995) 100% ) !important; backdrop-filter: blur(34px) saturate(180%) !important; -webkit-backdrop-filter: blur(34px) saturate(180%) !important; border: 1px solid rgba(255,255,255,.08) !important; padding: 42px 26px 34px 26px !important; box-shadow: -40px 0 120px rgba(0,0,0,.88), inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 80px rgba(255,255,255,.015) !important; box-sizing:border-box !important; isolation:isolate !important; } /* ========================================================================== CINEMATIC NOISE ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__main::before, body .elementor-menu-cart__main::before{ content:""; position:absolute; inset:0; background-image: repeating-linear-gradient( to bottom, rgba(255,255,255,.012) 0px, rgba(255,255,255,.012) 1px, transparent 1px, transparent 2px ); opacity:.18; mix-blend-mode:soft-light; pointer-events:none; z-index:0; } /* ========================================================================== GIANT BACKGROUND TYPO ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__main::after, body .elementor-menu-cart__main::after{ content:"WS"; position:absolute; right:-18px; bottom:-32px; font-family:'Plus Jakarta Sans',sans-serif; font-size:180px; font-weight:200; letter-spacing:-0.08em; line-height:.8; color:rgba(255,255,255,.018); pointer-events:none; z-index:0; } /* ========================================================================== PRODUCTS WRAP ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__products, body .elementor-menu-cart__main .elementor-menu-cart__products{ position:relative !important; z-index:2 !important; max-height:230px !important; min-height:0 !important; overflow-y:auto !important; padding-right:8px !important; margin-top:18px !important; } /* ========================================================================== SCROLLBAR ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__products::-webkit-scrollbar, body .elementor-menu-cart__main .elementor-menu-cart__products::-webkit-scrollbar{ width:4px !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__products::-webkit-scrollbar-thumb, body .elementor-menu-cart__main .elementor-menu-cart__products::-webkit-scrollbar-thumb{ background: linear-gradient( 180deg, rgba(255,255,255,.08), rgba(255,255,255,.22) ) !important; border-radius:999px !important; } /* ========================================================================== PRODUCT CARD ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product, body .elementor-menu-cart__main .elementor-menu-cart__product{ position:relative !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:10px !important; padding:22px 22px 20px 22px !important; margin-bottom:16px !important; min-height:96px !important; border-radius:22px !important; background: linear-gradient( 180deg, rgba(255,255,255,.035), rgba(255,255,255,.018) ) !important; border: 1px solid rgba(255,255,255,.06) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 40px rgba(0,0,0,.34) !important; transition: transform .45s cubic-bezier(.16,1,.3,1), border-color .35s ease, background .35s ease, box-shadow .35s ease !important; } /* ========================================================================== TOP LIGHT ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product::before, body .elementor-menu-cart__main .elementor-menu-cart__product::before{ content:""; position:absolute; top:0; left:0; width:100%; height:1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); opacity:.7; } /* ========================================================================== PRODUCT HOVER ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product:hover, body .elementor-menu-cart__main .elementor-menu-cart__product:hover{ transform: translateY(-2px) scale(1.01) !important; border-color: rgba(255,255,255,.12) !important; background: linear-gradient( 180deg, rgba(255,255,255,.05), rgba(255,255,255,.024) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 50px rgba(0,0,0,.48), 0 0 40px rgba(255,255,255,.025) !important; } /* ========================================================================== REMOVE IMAGE ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product-image, .elementor-5727 .elementor-element.elementor-element-d0bed43 .product-thumbnail, body .elementor-menu-cart__main .product-thumbnail{ display:none !important; width:0 !important; height:0 !important; visibility:hidden !important; } /* ========================================================================== PRODUCT TITLE ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product-name a, body .elementor-menu-cart__main .elementor-menu-cart__product-name a, body .elementor-menu-cart__main .product-name a{ font-family:'Plus Jakarta Sans',sans-serif !important; font-size:13px !important; font-weight:700 !important; letter-spacing:2px !important; text-transform:uppercase !important; text-decoration:none !important; line-height:1.5 !important; color:transparent !important; background: linear-gradient( 90deg, rgba(255,255,255,.55), rgba(255,255,255,1), rgba(255,255,255,.55) ) !important; background-size:200% 100% !important; background-clip:text !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; transition: opacity .3s ease !important; } /* ========================================================================== QUANTITY ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .product-quantity, body .elementor-menu-cart__main .product-quantity{ color: rgba(255,255,255,.38) !important; font-weight:700 !important; margin-right:8px !important; letter-spacing:1px !important; } /* ========================================================================== PRICE ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .woocommerce-Price-amount, .elementor-5727 .elementor-element.elementor-element-d0bed43 bdi, body .elementor-menu-cart__main bdi{ font-family:'Plus Jakarta Sans',sans-serif !important; color:#ffffff !important; font-weight:600 !important; font-size:14px !important; letter-spacing:.5px !important; } /* ========================================================================== REMOVE BUTTON ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product-remove a, body .elementor-menu-cart__main .elementor-menu-cart__product-remove a{ color: rgba(255,255,255,.22) !important; font-size:18px !important; text-decoration:none !important; transition: all .3s cubic-bezier(.16,1,.3,1) !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product-remove a:hover, body .elementor-menu-cart__main .elementor-menu-cart__product-remove a:hover{ color:#ffffff !important; transform: scale(1.15) rotate(90deg) !important; } /* ========================================================================== SUBTOTAL ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__subtotal, body .elementor-menu-cart__main .elementor-menu-cart__subtotal{ position:relative !important; z-index:2 !important; margin-top:20px !important; padding: 28px 4px 24px 4px !important; border-top: 1px solid rgba(255,255,255,.08) !important; display:flex !important; justify-content:space-between !important; align-items:center !important; } /* ========================================================================== SUBTOTAL LABEL ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__subtotal strong, body .elementor-menu-cart__main .elementor-menu-cart__subtotal strong{ font-family:'Plus Jakarta Sans',sans-serif !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:4px !important; color:rgba(255,255,255,.32) !important; } /* ========================================================================== SUBTOTAL VALUE ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__subtotal .amount, body .elementor-menu-cart__main .elementor-menu-cart__subtotal .amount{ font-family:'Plus Jakarta Sans',sans-serif !important; font-size:22px !important; font-weight:200 !important; letter-spacing:-0.04em !important; color:#ffffff !important; text-shadow: 0 0 20px rgba(255,255,255,.12) !important; } /* ========================================================================== BUTTON WRAP ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .woocommerce-mini-cart__buttons, body .elementor-menu-cart__main .woocommerce-mini-cart__buttons{ display:flex !important; flex-direction:column !important; gap:12px !important; margin-top:12px !important; } /* ========================================================================== VIEW CART BUTTON ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--view-cart, body .elementor-menu-cart__main .elementor-button--view-cart{ min-height:58px !important; border-radius:999px !important; background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.08) !important; color:#ffffff !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:11px !important; font-weight:700 !important; letter-spacing:3px !important; text-transform:uppercase !important; transition: all .35s cubic-bezier(.16,1,.3,1) !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--view-cart:hover, body .elementor-menu-cart__main .elementor-button--view-cart:hover{ background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.16) !important; transform: translateY(-2px) !important; } /* ========================================================================== CHECKOUT BUTTON ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--checkout, body .elementor-menu-cart__main .elementor-button--checkout{ position:relative !important; overflow:hidden !important; min-height:62px !important; border:none !important; border-radius:999px !important; background: linear-gradient( 180deg, rgba(255,255,255,.96), rgba(235,235,235,.92) ) !important; color:#050505 !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:11px !important; font-weight:800 !important; letter-spacing:4px !important; text-transform:uppercase !important; box-shadow: 0 10px 40px rgba(255,255,255,.08), inset 0 -8px 18px rgba(0,0,0,.08) !important; transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease !important; } /* ========================================================================== SHIMMER ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--checkout::after, body .elementor-menu-cart__main .elementor-button--checkout::after{ content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; transform:skewX(-18deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.9), transparent ); animation: wsxCheckoutSweep 4s linear infinite; } /* ========================================================================== CHECKOUT HOVER ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--checkout:hover, body .elementor-menu-cart__main .elementor-button--checkout:hover{ transform: translateY(-3px) scale(1.01) !important; box-shadow: 0 18px 50px rgba(255,255,255,.12), inset 0 -8px 18px rgba(0,0,0,.08) !important; } /* ========================================================================== EMPTY CART ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-d0bed43 .woocommerce-mini-cart__empty-message, body .elementor-menu-cart__main .woocommerce-mini-cart__empty-message{ font-family:'Plus Jakarta Sans',sans-serif !important; font-size:12px !important; letter-spacing:2px !important; text-transform:uppercase !important; color:rgba(255,255,255,.32) !important; text-align:center !important; padding:40px 10px !important; } /* ========================================================================== ANIMATION ========================================================================== */ @keyframes wsxCheckoutSweep{ 0%{ left:-120%; } 40%{ left:140%; } 100%{ left:140%; } } /* ========================================================================== MOBILE ========================================================================== */ @media(max-width:767px){ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__main, body .elementor-menu-cart__main{ top:12px !important; left:12px !important; right:auto !important; bottom:auto !important; width:calc(100vw - 24px) !important; max-width:420px !important; height:450px !important; max-height:450px !important; padding: 28px 18px 22px 18px !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__products, body .elementor-menu-cart__main .elementor-menu-cart__products{ max-height:220px !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product, body .elementor-menu-cart__main .elementor-menu-cart__product{ padding: 18px 18px 16px 18px !important; border-radius:18px !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product-name a, body .elementor-menu-cart__main .elementor-menu-cart__product-name a{ font-size:11px !important; letter-spacing:1.5px !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--checkout, body .elementor-menu-cart__main .elementor-button--checkout{ min-height:58px !important; font-size:10px !important; letter-spacing:3px !important; } } /* ========================================================================== ACCESSIBILITY — REDUCED MOTION ========================================================================== */ @media (prefers-reduced-motion: reduce){ .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-menu-cart__product, body .elementor-menu-cart__main .elementor-menu-cart__product, .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--view-cart, body .elementor-menu-cart__main .elementor-button--view-cart, .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--checkout, body .elementor-menu-cart__main .elementor-button--checkout{ transition:none !important; animation:none !important; } .elementor-5727 .elementor-element.elementor-element-d0bed43 .elementor-button--checkout::after, body .elementor-menu-cart__main .elementor-button--checkout::after{ animation:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-764c364 *//* ========================================================================== WSX COSMIC SINGULARITY ENGINE TESLA × FIBONACCI × HURRICANE DYNAMICS × BLACK HOLE GEOMETRY PURE CSS — INFINITE PERFECT LOOP ========================================================================== */ /* ========================================================================== STRUCTURE ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364{ position:relative !important; width:100%; min-height:100vh; overflow:hidden !important; display:flex; justify-content:center; align-items:center; background: radial-gradient(circle at center, #050505 0%, #010101 45%, #000 100%) !important; isolation:isolate; perspective:2600px; transform-style:preserve-3d; } /* ========================================================================== EVENT HORIZON Baseado em: - olho de furacão - dinâmica de ciclones - proporção áurea - espirais de fibonacci ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364::before{ content:''; position:absolute; left:50%; top:50%; width:260vmax; height:260vmax; transform: translate(-50%,-50%); border-radius:50%; pointer-events:none; z-index:1; opacity:1; mix-blend-mode:screen; background: /* ====================================================================== CAMADA FIBONACCI ====================================================================== */ repeating-radial-gradient( circle at center, rgba(255,255,255,.028) 0px, rgba(255,255,255,.012) 1px, transparent 2px, transparent 5px, rgba(255,255,255,.02) 8px, transparent 13px, rgba(255,255,255,.015) 21px, transparent 34px, rgba(255,255,255,.012) 55px, transparent 89px, rgba(255,255,255,.010) 144px, transparent 233px ), /* ====================================================================== ANÉIS TIPO SATURNO / PRESSÃO ATMOSFÉRICA ====================================================================== */ repeating-radial-gradient( circle at center, transparent 0px, rgba(255,255,255,.03) 4px, transparent 12px, rgba(255,255,255,.02) 22px, transparent 42px, rgba(255,255,255,.018) 72px, transparent 120px ), /* ====================================================================== OLHO DO FURACÃO ====================================================================== */ radial-gradient( circle at center, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 1.8%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 12%, transparent 24% ); filter: blur(.25px) contrast(160%) brightness(145%); animation: wsxTeslaVortexZoom 12s linear infinite, wsxTeslaVortexSpin 34s linear infinite; } /* ========================================================================== SPACETIME DISTORTION FIELD ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364::after{ content:''; position:absolute; inset:-40%; z-index:2; pointer-events:none; opacity:.8; mix-blend-mode:screen; background: radial-gradient( ellipse at center, transparent 10%, rgba(255,255,255,.03) 18%, transparent 24% ), radial-gradient( ellipse at center, transparent 28%, rgba(255,255,255,.02) 38%, transparent 48% ), radial-gradient( ellipse at center, transparent 52%, rgba(255,255,255,.015) 60%, transparent 72% ); filter: blur(26px); animation: wsxGravityDistortion 14s ease-in-out infinite alternate; } /* ========================================================================== CENTRAL SINGULARITY ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-singularity{ position:absolute; left:50%; top:50%; width:18vmax; height:18vmax; min-width:220px; min-height:220px; transform: translate(-50%,-50%); border-radius:50%; z-index:10; background: radial-gradient( circle, #000 0%, #000 34%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.015) 49%, transparent 70% ); box-shadow: 0 0 40px rgba(255,255,255,.03), 0 0 120px rgba(255,255,255,.025), 0 0 220px rgba(255,255,255,.018); animation: wsxCorePulse 6s ease-in-out infinite; } /* ========================================================================== TESLA PARTICLE NETWORK Simetria absoluta + micro partículas ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-particles{ position:absolute; inset:-120%; z-index:0; opacity:.9; pointer-events:none; background-image: radial-gradient(circle, rgba(255,255,255,.92) .35px, transparent .6px), radial-gradient(circle, rgba(255,255,255,.5) .22px, transparent .45px), radial-gradient(circle, rgba(255,255,255,.25) .15px, transparent .3px); background-size: 120px 120px, 80px 80px, 44px 44px; background-position: 0 0, 40px 40px, 20px 20px; filter: blur(.12px); animation: wsxParticleWarp 3.8s linear infinite; } /* ========================================================================== PHOTON LIGHT BREACHES ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light{ position:absolute; left:50%; top:50%; width:1.4px; height:60vmax; transform-origin:bottom center; pointer-events:none; opacity:.06; background: linear-gradient( to top, transparent, rgba(255,255,255,.95), transparent ); mix-blend-mode:screen; filter: blur(.8px) drop-shadow(0 0 18px rgba(255,255,255,.8)); animation: wsxPhotonPulse 3.4s ease-in-out infinite; } /* ========================================================================== GOLDEN ANGLE DISTRIBUTION 137.5° ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light:nth-child(1){ transform:translate(-50%,-50%) rotate(0deg); } .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light:nth-child(2){ transform:translate(-50%,-50%) rotate(137.5deg); } .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light:nth-child(3){ transform:translate(-50%,-50%) rotate(275deg); } .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light:nth-child(4){ transform:translate(-50%,-50%) rotate(52.5deg); } .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light:nth-child(5){ transform:translate(-50%,-50%) rotate(190deg); } .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light:nth-child(6){ transform:translate(-50%,-50%) rotate(327.5deg); } /* ========================================================================== ATMOSPHERIC FOG ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-fog{ position:absolute; inset:-40%; z-index:1; opacity:.22; pointer-events:none; mix-blend-mode:screen; background: radial-gradient( circle at 30% 40%, rgba(255,255,255,.03), transparent 22% ), radial-gradient( circle at 80% 30%, rgba(255,255,255,.025), transparent 20% ), radial-gradient( circle at 50% 80%, rgba(255,255,255,.02), transparent 26% ); filter: blur(90px); animation: wsxFogDrift 20s ease-in-out infinite alternate; } /* ========================================================================== ANALOG FILM GRAIN ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-grain{ position:absolute; inset:-200%; z-index:50; opacity:.03; pointer-events:none; mix-blend-mode:overlay; background-image: radial-gradient(rgba(255,255,255,.4) .3px, transparent .5px); background-size:3px 3px; animation: wsxNoise .2s steps(2) infinite; } /* ========================================================================== CONTENT ========================================================================== */ .elementor-5727 .elementor-element.elementor-element-764c364 > .elementor-container, .elementor-5727 .elementor-element.elementor-element-764c364 > .elementor-widget-wrap{ position:relative; z-index:999; } /* ========================================================================== TESLA VORTEX ZOOM LOOP PERFEITO ========================================================================== */ @keyframes wsxTeslaVortexZoom{ 0%{ transform: translate(-50%,-50%) scale(.18); opacity:0; } 100%{ transform: translate(-50%,-50%) scale(4.18); opacity:1; } } /* ========================================================================== VORTEX ROTATION ========================================================================== */ @keyframes wsxTeslaVortexSpin{ from{ rotate:0deg; } to{ rotate:360deg; } } /* ========================================================================== PARTICLE WARP ========================================================================== */ @keyframes wsxParticleWarp{ 0%{ transform: scale(.3); opacity:0; } 100%{ transform: scale(4); opacity:1; } } /* ========================================================================== PHOTON PULSE ========================================================================== */ @keyframes wsxPhotonPulse{ 0%{ opacity:0; filter:blur(.5px); } 40%{ opacity:.85; filter: blur(2px) drop-shadow(0 0 26px rgba(255,255,255,1)); } 100%{ opacity:0; filter:blur(.5px); } } /* ========================================================================== CORE BREATH ========================================================================== */ @keyframes wsxCorePulse{ 0%{ transform: translate(-50%,-50%) scale(1); } 50%{ transform: translate(-50%,-50%) scale(1.05); } 100%{ transform: translate(-50%,-50%) scale(.98); } } /* ========================================================================== FOG MOVEMENT ========================================================================== */ @keyframes wsxFogDrift{ 0%{ transform: translate3d(0px,0px,0px) scale(1); } 100%{ transform: translate3d(40px,-30px,0px) scale(1.16); } } /* ========================================================================== DISTORTION ========================================================================== */ @keyframes wsxGravityDistortion{ 0%{ transform: scale(1) rotate(0deg); } 50%{ transform: scale(1.05) rotate(1deg); } 100%{ transform: scale(.96) rotate(-1deg); } } /* ========================================================================== ANALOG NOISE ========================================================================== */ @keyframes wsxNoise{ 0%{ transform:translate(0,0); } 20%{ transform:translate(-1%,1%); } 40%{ transform:translate(1%,-1%); } 60%{ transform:translate(-2%,2%); } 80%{ transform:translate(2%,-1%); } 100%{ transform:translate(0,0); } } /* ========================================================================== REDUCED MOTION ========================================================================== */ @media (prefers-reduced-motion:reduce){ .elementor-5727 .elementor-element.elementor-element-764c364::before, .elementor-5727 .elementor-element.elementor-element-764c364::after, .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-singularity, .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-particles, .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-light, .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-fog, .elementor-5727 .elementor-element.elementor-element-764c364 .wsx-grain{ animation:none !important; } }/* End custom CSS */