.elementor-40 .elementor-element.elementor-element-a69ae12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;box-shadow:0px 0px 31px -4px rgba(0,0,0,0.5);}.elementor-40 .elementor-element.elementor-element-a69ae12:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-a69ae12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-menu-toggle{margin:0 auto;}.elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main .elementor-item:hover, .elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main .elementor-item:focus{color:#9D2A8C;fill:#9D2A8C;}.elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-40 .elementor-element.elementor-element-35fcc23 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#9D2A8C;}.elementor-40 .elementor-element.elementor-element-35fcc23 .e--pointer-framed .elementor-item:before, .elementor-40 .elementor-element.elementor-element-35fcc23 .e--pointer-framed .elementor-item:after{border-color:#9D2A8C;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-23a7331 img{width:130px;}.elementor-40 .elementor-element.elementor-element-8b9aa15 .elementor-menu-toggle{margin:0 auto;}.elementor-40 .elementor-element.elementor-element-8b9aa15 .elementor-nav-menu--dropdown a:hover, .elementor-40 .elementor-element.elementor-element-8b9aa15 .elementor-nav-menu--dropdown a:focus, .elementor-40 .elementor-element.elementor-element-8b9aa15 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-40 .elementor-element.elementor-element-8b9aa15 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-menu-toggle{margin:0 auto;}.elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main .elementor-item:hover, .elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main .elementor-item:focus{color:#9D2A8C;fill:#9D2A8C;}.elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-40 .elementor-element.elementor-element-bff1cc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#9D2A8C;}.elementor-40 .elementor-element.elementor-element-bff1cc8 .e--pointer-framed .elementor-item:before, .elementor-40 .elementor-element.elementor-element-bff1cc8 .e--pointer-framed .elementor-item:after{border-color:#9D2A8C;}.elementor-40 .elementor-element.elementor-element-5a19fda{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-40 .elementor-element.elementor-element-13f406d{--display:flex;--min-height:633px;--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-40 .elementor-element.elementor-element-941aaed{--display:flex;--justify-content:center;}.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-40 .elementor-element.elementor-element-d974660{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-40 .elementor-element.elementor-element-d974660 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-40 .elementor-element.elementor-element-d974660 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-40 .elementor-element.elementor-element-d974660 .elementor-divider__text{color:var( --e-global-color-primary );font-weight:600;}.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-40 .elementor-element.elementor-element-8d0abeb{text-align:start;}.elementor-40 .elementor-element.elementor-element-8d0abeb .elementor-heading-title{font-size:96px;font-weight:600;}.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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-c50d369{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-0d33f4a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-40 .elementor-element.elementor-element-113edd6 .elementor-button{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-cb93e9c .elementor-button{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-2fa33f4{--display:flex;}.elementor-40 .elementor-element.elementor-element-cba78f9{--spacer-size:115px;}.elementor-40 .elementor-element.elementor-element-931c9f4{--display:flex;--justify-content:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-40 .elementor-element.elementor-element-4d929a9 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:0px;}.elementor-40 .elementor-element.elementor-element-4d929a9 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-4d929a9 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-40 .elementor-element.elementor-element-9d03e40 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:0px;}.elementor-40 .elementor-element.elementor-element-9d03e40 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-9d03e40 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-40 .elementor-element.elementor-element-0956bf4 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:0px;}.elementor-40 .elementor-element.elementor-element-0956bf4 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-0956bf4 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-40 .elementor-element.elementor-element-689eb8b{--display:flex;--min-height:112px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:90px 90px;--row-gap:90px;--column-gap:90px;}.elementor-40 .elementor-element.elementor-element-8982e8e .elementor-icon-box-wrapper{gap:15px;}.elementor-40 .elementor-element.elementor-element-7e7bdf7 .elementor-icon-box-wrapper{gap:15px;}.elementor-40 .elementor-element.elementor-element-83f3a58 .elementor-icon-box-wrapper{gap:15px;}.elementor-40 .elementor-element.elementor-element-60e75f1{--display:flex;--min-height:68vh;}.elementor-40 .elementor-element.elementor-element-e64783d{--display:flex;}.elementor-40 .elementor-element.elementor-element-b01435e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-bc563e3{--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-40 .elementor-element.elementor-element-2678687{--display:flex;}.elementor-40 .elementor-element.elementor-element-aec04d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40 .elementor-element.elementor-element-a524f78 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:84px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-c041f5f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-40 .elementor-element.elementor-element-d8005a1{--e-rating-icon-marked-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-e8babf5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-0fd12a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-40 .elementor-element.elementor-element-b8ca312{color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-74056fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-40 .elementor-element.elementor-element-74056fe:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-74056fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-15f4b15 .elementor-heading-title{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-9755eaa .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-c7a483e{--display:flex;--min-height:439px;--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;--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-40 .elementor-element.elementor-element-c7a483e:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(133deg, #110D15 0%, #2F1E4A 51%);}.elementor-40 .elementor-element.elementor-element-557c7f5{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-40 .elementor-element.elementor-element-83ff31b{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:19px 19px 19px 19px;--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}.elementor-40 .elementor-element.elementor-element-83ff31b:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-83ff31b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEDCDB;}.elementor-40 .elementor-element.elementor-element-1c820d4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43px;font-weight:600;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-3756f54{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-77f97b1{--display:flex;}.elementor-40 .elementor-element.elementor-element-9e9aa88 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-40 .elementor-element.elementor-element-9e9aa88 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-9e9aa88 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-9e9aa88 .elementor-icon-box-title{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-9e9aa88 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-9d284d1{--display:flex;}.elementor-40 .elementor-element.elementor-element-3a2e087 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-40 .elementor-element.elementor-element-3a2e087 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-3a2e087 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-3a2e087 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-17495cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-9512780{--display:flex;}.elementor-40 .elementor-element.elementor-element-2815ad7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-40 .elementor-element.elementor-element-2815ad7 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-2815ad7 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-2815ad7 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-916f04d{--display:flex;}.elementor-40 .elementor-element.elementor-element-a49a6a5 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-40 .elementor-element.elementor-element-a49a6a5 .elementor-icon-box-title, .elementor-40 .elementor-element.elementor-element-a49a6a5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-a49a6a5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-bc01699{--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-40 .elementor-element.elementor-element-6358f6f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-40 .elementor-element.elementor-element-b85017a{--display:flex;}.elementor-40 .elementor-element.elementor-element-b85017a:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-b85017a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0C11;}.elementor-40 .elementor-element.elementor-element-c3d1ff7{--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;--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-40 .elementor-element.elementor-element-d80a402{--display:flex;--border-radius:29px 29px 29px 29px;}.elementor-40 .elementor-element.elementor-element-d80a402:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-d80a402 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDCDB;}.elementor-40 .elementor-element.elementor-element-0d2c7aa{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-0d2c7aa a{color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-37bb153{--e-rating-justify-content:center;--e-rating-icon-marked-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-da6b4f9{text-align:center;}.elementor-40 .elementor-element.elementor-element-da6b4f9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-3d289eb{--display:flex;--border-radius:29px 29px 29px 29px;}.elementor-40 .elementor-element.elementor-element-3d289eb:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-3d289eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDCDB;}.elementor-40 .elementor-element.elementor-element-2f8c008{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-2f8c008 a{color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-35e4f45{--e-rating-justify-content:center;--e-rating-icon-marked-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-43eabed{text-align:center;}.elementor-40 .elementor-element.elementor-element-43eabed .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-39b5647{--display:flex;--border-radius:29px 29px 29px 29px;}.elementor-40 .elementor-element.elementor-element-39b5647:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-39b5647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDCDB;}.elementor-40 .elementor-element.elementor-element-f30eae0{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-f30eae0 a{color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-56d4a06{--e-rating-justify-content:center;--e-rating-icon-marked-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-8a10358{text-align:center;}.elementor-40 .elementor-element.elementor-element-8a10358 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-231e5d2{--display:flex;--min-height:998px;--justify-content:center;}.elementor-40 .elementor-element.elementor-element-231e5d2:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-231e5d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0E0C11 0%, #352153 100%);}.elementor-40 .elementor-element.elementor-element-28566ff{--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-40 .elementor-element.elementor-element-95c0bb8{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:26px 26px 26px 26px;}.elementor-40 .elementor-element.elementor-element-95c0bb8:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-95c0bb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(204deg, #0E0C11 0%, #352153 80%);}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-19212bc .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-19212bc.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-19212bc.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-19212bc.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-19212bc.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-19212bc.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-5c371ca{text-align:center;}.elementor-40 .elementor-element.elementor-element-5c371ca .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-4205385 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-0ba113b{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#91267E;--border-color:#91267E;--border-radius:26px 26px 26px 26px;}.elementor-40 .elementor-element.elementor-element-0ba113b:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-0ba113b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(204deg, #0E0C11 0%, #352153 80%);}.elementor-40 .elementor-element.elementor-element-9b5b4bf .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-9b5b4bf.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-9b5b4bf.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-9b5b4bf.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-9b5b4bf.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-9b5b4bf.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-b05d526 img{width:1000px;}.elementor-40 .elementor-element.elementor-element-1c080d2{text-align:center;}.elementor-40 .elementor-element.elementor-element-1c080d2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-3f90e1d .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-0f6b90f{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:26px 26px 26px 26px;}.elementor-40 .elementor-element.elementor-element-0f6b90f:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-0f6b90f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(204deg, #0E0C11 0%, #352153 80%);}.elementor-40 .elementor-element.elementor-element-c25efe9 .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-c25efe9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-c25efe9.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-c25efe9.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-c25efe9.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-c25efe9.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-30044f8{text-align:center;}.elementor-40 .elementor-element.elementor-element-30044f8 img{width:52%;}.elementor-40 .elementor-element.elementor-element-bfedeb4{text-align:center;}.elementor-40 .elementor-element.elementor-element-bfedeb4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-4d95344 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-7144f8a{--display:flex;}.elementor-40 .elementor-element.elementor-element-3d5b192{text-align:center;}.elementor-40 .elementor-element.elementor-element-3d5b192 .elementor-heading-title{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-af4cc08{--display:flex;}.elementor-40 .elementor-element.elementor-element-ef1ab3d{--spacer-size:13px;}.elementor-40 .elementor-element.elementor-element-ea3b035 p{margin-block-end:0px;}.elementor-40 .elementor-element.elementor-element-ea3b035{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-7d76c0d{--display:flex;}.elementor-40 .elementor-element.elementor-element-3f4fc90{--spacer-size:13px;}.elementor-40 .elementor-element.elementor-element-e5cb423{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-093d3fb{--display:flex;}.elementor-40 .elementor-element.elementor-element-ed474d1{--spacer-size:13px;}.elementor-40 .elementor-element.elementor-element-ae7b59d{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-7f10828{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-40 .elementor-element.elementor-element-e0fcd25{--display:flex;--min-height:722px;--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;--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-40 .elementor-element.elementor-element-064941d{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-40 .elementor-element.elementor-element-3245d21{--display:flex;}.elementor-40 .elementor-element.elementor-element-1804c70 .elementor-icon-wrapper{text-align:start;}.elementor-40 .elementor-element.elementor-element-4efca42{font-family:"Roboto", Sans-serif;font-weight:500;color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-73bee4e{--display:flex;}.elementor-40 .elementor-element.elementor-element-73bee4e:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-73bee4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vlosssports.com.br/wp-content/uploads/2026/08/WhatsApp-Image-2026-08-20-at-17.03.14.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-40 .elementor-element.elementor-element-dd5b6df{--display:flex;--min-height:82px;--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;}.elementor-40 .elementor-element.elementor-element-dd5b6df:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-dd5b6df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-e361064{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-e361064 a{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-00b0a03 img{width:47px;}.elementor-40 .elementor-element.elementor-element-fa91e2e{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-fa91e2e a{color:#FFFFFF;}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-941aaed{--width:33%;}.elementor-40 .elementor-element.elementor-element-2fa33f4{--width:33%;}.elementor-40 .elementor-element.elementor-element-931c9f4{--width:33%;}.elementor-40 .elementor-element.elementor-element-557c7f5{--content-width:1600px;}.elementor-40 .elementor-element.elementor-element-83ff31b{--width:705px;}.elementor-40 .elementor-element.elementor-element-77f97b1{--width:50%;}.elementor-40 .elementor-element.elementor-element-9d284d1{--width:50%;}.elementor-40 .elementor-element.elementor-element-9512780{--width:50%;}.elementor-40 .elementor-element.elementor-element-916f04d{--width:50%;}.elementor-40 .elementor-element.elementor-element-e0fcd25{--width:100%;}.elementor-40 .elementor-element.elementor-element-3245d21{--width:648px;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-a69ae12{--justify-content:space-evenly;}.elementor-40 .elementor-element.elementor-element-23a7331{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-40 .elementor-element.elementor-element-23a7331 img{width:67%;}.elementor-40 .elementor-element.elementor-element-8b9aa15.elementor-element{--align-self:center;}.elementor-40 .elementor-element.elementor-element-13f406d{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-40 .elementor-element.elementor-element-8d0abeb .elementor-heading-title{font-size:60px;}}/* Start custom CSS for container, class: .elementor-element-a69ae12 *//* ========================================================= VLOSS SPORTS — HEADER FINAL CONTAINER PAI: d1de1d0 DESKTOP + TABLET + MOBILE MENU MOBILE CORRIGIDO ========================================================= */ /* ========================================================= HEADER ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12{ --purple:#382359; --purple-dark:#211331; --purple-mid:#553573; --purple-light:#966cbb; --white:#ffffff; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; height:76px !important; min-height:76px !important; margin:0 !important; padding: 0 24px !important; z-index:999999 !important; overflow:visible !important; background: rgba(255,255,255,.97) !important; border-bottom: 1px solid rgba(56,35,89,.10) !important; box-shadow: 0 7px 28px rgba(31,18,44,.07) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-sizing: border-box !important; } /* ========================================================= LINHA DECORATIVA ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12::after{ content:""; position:absolute; left:50%; bottom:-1px; transform: translateX(-50%); width: min(680px,55%); height:1px; pointer-events:none; background: linear-gradient( 90deg, transparent, rgba(86,53,119,.38), transparent ); } /* ========================================================= INNER ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 > .e-con-inner{ position:relative !important; display:grid !important; grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr); align-items:center !important; width:100% !important; max-width:1180px !important; height:76px !important; min-height:76px !important; gap:24px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= PROTEÇÃO CONTRA O SISTEMA DE ANIMAÇÕES MUITO IMPORTANTE: menu não pode receber translate/filter/scale porque isso destrói a referência do dropdown position:fixed. ========================================================= */ html.vloss-motion-ready .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d.vl-motion, html.vloss-motion-ready .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a.vl-motion, html.vloss-motion-ready .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e.vl-motion, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d.vl-motion, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a.vl-motion, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e.vl-motion{ opacity:1 !important; transform:none !important; translate:none !important; scale:none !important; filter:none !important; transition:none !important; will-change:auto !important; } /* widgets internos também sem transform */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d > .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a > .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-widget-container{ transform:none !important; translate:none !important; scale:none !important; filter:none !important; overflow: visible !important; } /* ========================================================= MENU ESQUERDO 2b1e29d ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d{ display:block; width:100% !important; min-width:0 !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main{ width:100% !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu{ display:flex !important; align-items:center !important; justify-content:flex-end !important; width:100% !important; gap:2px !important; margin:0 !important; } /* ========================================================= MENU DIREITO 7f3a08a ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a{ display:block; width:100% !important; min-width:0 !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main{ width:100% !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu{ display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; gap:2px !important; margin:0 !important; } /* ========================================================= LINKS DESKTOP ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main .elementor-item, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main .elementor-item{ position:relative; display:flex !important; align-items:center; justify-content:center; min-height:76px !important; padding: 0 15px !important; color: var(--purple-dark) !important; fill: var(--purple-dark) !important; background: transparent !important; border: 0 !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .35px !important; text-transform: uppercase !important; transition: color .2s ease, transform .2s ease !important; } /* tira underline padrão */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-nav-menu--main .elementor-item::after{ display:none !important; } /* nosso underline */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main .elementor-item::before, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main .elementor-item::before{ content:""; position:absolute; left:50%; bottom:16px; width:0; height:2px; transform: translateX(-50%); background: linear-gradient( 90deg, var(--purple), var(--purple-light) ); transition: width .25s ease; } /* hover */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main .elementor-item:hover, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main .elementor-item:hover{ color: var(--purple) !important; fill: var(--purple) !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main .elementor-item:hover::before, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main .elementor-item:hover::before, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main .elementor-item.elementor-item-active::before, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main .elementor-item.elementor-item-active::before{ width:25px; } /* ========================================================= LOGO e4e8a9a ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a{ position:relative; z-index:4; display:flex !important; align-items:center !important; justify-content:center !important; width:110px !important; max-width:110px !important; height:76px !important; margin:0 auto !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a .elementor-widget-container{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a a{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img{ display:block; width:auto !important; height:auto !important; max-width:86px !important; max-height:60px !important; object-fit:contain; transition: transform .25s ease, filter .25s ease !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a:hover img{ transform: translateY(-1px) scale(1.025); } /* ========================================================= BOTÃO GARANTIR DESKTOP ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .menu-item:last-child{ margin-left: 7px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .menu-item:last-child .elementor-item{ position:relative; min-height: 43px !important; height: 43px !important; padding: 0 20px !important; overflow:hidden; color: #fff !important; fill: #fff !important; background: linear-gradient( 110deg, #2d1943, #382359, #50316f ) !important; border-radius: 3px !important; clip-path: polygon( 7% 0, 100% 0, 93% 100%, 0 100% ); box-shadow: 0 7px 18px rgba(56,35,89,.17); transition: transform .2s ease, box-shadow .25s ease !important; } /* remove underline do garantir */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .menu-item:last-child .elementor-item::before{ content:""; position:absolute; top:-80%; left:-55%; width:35%; height:260%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent ); transform: rotate(20deg); transition: left .48s ease; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .menu-item:last-child .elementor-item:hover{ color:#fff !important; transform: translateY(-2px); } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .menu-item:last-child .elementor-item:hover::before{ width:35%; left:135%; } /* ========================================================= MENU MOBILE ESCONDIDO NO DESKTOP ========================================================= */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e{ display:none !important; } /* ========================================================= ÂNCORAS ========================================================= */ #beneficios, #ativos, #tecnologia, #atletas, #redes, #comprar{ scroll-margin-top: 82px !important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px) and (min-width:768px){ .elementor-40 .elementor-element.elementor-element-a69ae12{ height:70px !important; min-height:70px !important; padding: 0 14px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 > .e-con-inner{ grid-template-columns: minmax(0,1fr) 90px minmax(0,1fr); height: 70px !important; min-height: 70px !important; gap: 10px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a{ width: 90px !important; max-width: 90px !important; height: 70px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img{ max-width: 75px !important; max-height: 54px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d .elementor-nav-menu--main .elementor-item, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .elementor-nav-menu--main .elementor-item{ min-height: 70px !important; padding: 0 8px !important; font-size: 9px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a .menu-item:last-child .elementor-item{ min-height: 40px !important; height: 40px !important; padding: 0 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ /* ===================================================== HEADER MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12{ top:0 !important; left:0 !important; right:0 !important; width:100% !important; height: 66px !important; min-height: 66px !important; padding: 0 14px !important; /* Sem backdrop-filter no mobile. Isso evita criação desnecessária de containing block para o dropdown position:fixed. */ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(255,255,255,.985) !important; overflow: visible !important; } .elementor-40 .elementor-element.elementor-element-a69ae12::after{ width: 60%; } /* ===================================================== INNER MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 > .e-con-inner{ position:static !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; width:100% !important; max-width:none !important; height: 66px !important; min-height: 66px !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ===================================================== SOME COM MENUS DESKTOP ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-2b1e29d, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-7f3a08a{ display:none !important; } /* ===================================================== LOGO MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a{ position:relative !important; flex: 0 0 auto !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; width: 78px !important; max-width: 78px !important; height: 66px !important; min-height: 66px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a a{ display:flex !important; align-items:center !important; justify-content:flex-start !important; width: 78px !important; height: 66px !important; margin: 0 !important; padding: 0 !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img{ width:auto !important; height:auto !important; max-width: 73px !important; max-height: 51px !important; margin: 0 !important; transform: none !important; } /* ===================================================== WIDGET MENU MOBILE c8d071e IMPORTANTE: POSITION STATIC + ZERO MOTION ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e{ position:static !important; display:block !important; flex: 0 0 44px !important; width: 44px !important; max-width: 44px !important; min-width: 44px !important; height: 66px !important; min-height: 66px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; transform: none !important; translate: none !important; scale: none !important; filter: none !important; transition: none !important; will-change: auto !important; overflow: visible !important; } html.vloss-motion-ready .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e.vl-motion{ opacity: 1 !important; transform: none !important; translate: none !important; scale: none !important; filter: none !important; transition: none !important; will-change: auto !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-widget-container{ position:static !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; width: 44px !important; max-width: 44px !important; height: 66px !important; margin: 0 !important; padding: 0 !important; transform: none !important; translate: none !important; scale: none !important; filter: none !important; overflow: visible !important; } /* ===================================================== ESCONDE MENU MAIN MOBILE No mobile queremos somente hambúrguer. ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--main{ display:none !important; } /* ===================================================== BOTÃO HAMBÚRGUER ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle{ position:relative !important; z-index: 1000002 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex: 0 0 43px !important; width: 43px !important; height: 43px !important; min-width: 43px !important; min-height: 43px !important; margin: 0 !important; padding: 0 !important; color: var(--purple-dark) !important; fill: var(--purple-dark) !important; background: rgba(56,35,89,.035) !important; border: 1px solid rgba(56,35,89,.13) !important; border-radius: 11px !important; box-shadow: 0 5px 16px rgba(40,21,56,.06); transform: none !important; translate: none !important; scale: none !important; box-sizing: border-box !important; cursor:pointer; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle:hover{ background: rgba(56,35,89,.065) !important; } /* ===================================================== SVG HAMBÚRGUER / X ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle svg{ width: 21px !important; height: 21px !important; margin: 0 !important; fill: currentColor !important; transform: none !important; } /* fechado = hambúrguer */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle[aria-expanded="false"] .elementor-menu-toggle__icon--open{ display:block !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle[aria-expanded="false"] .elementor-menu-toggle__icon--close{ display:none !important; } /* aberto = X */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--open{ display:none !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--close{ display:block !important; } /* ===================================================== DROPDOWN MOBILE AQUI ESTÁ A PARTE PRINCIPAL DA CORREÇÃO. Ignora completamente: width:471px; left:0px; top:43px; --menu-height:1000vmax; que o Elementor injeta inline. ===================================================== */ html body .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-nav-menu--dropdown{ position:fixed !important; top: 66px !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; transform: none !important; translate: none !important; scale: none !important; filter: none !important; background: rgba(255,255,255,.995) !important; border: 0 !important; border-top: 1px solid rgba(56,35,89,.08) !important; border-bottom: 1px solid rgba(56,35,89,.10) !important; border-radius: 0 !important; box-shadow: 0 20px 38px rgba(31,17,44,.13) !important; z-index: 1000000 !important; /* NADA DE SCROLL INTERNO. NÃO CRIA SEGUNDA BARRA. */ overflow: visible !important; } /* ===================================================== MENU FECHADO Não usamos height/1000vmax. Ele simplesmente não existe visualmente. ===================================================== */ html body .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-nav-menu--dropdown[aria-hidden="true"]{ display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* ===================================================== MENU ABERTO ===================================================== */ html body .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-nav-menu--dropdown[aria-hidden="false"]{ display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* ===================================================== LISTA MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .elementor-nav-menu{ display:flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; gap: 3px !important; margin: 0 !important; padding: 13px 16px 15px !important; box-sizing: border-box !important; background: transparent !important; } /* ===================================================== LI MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .menu-item{ display:block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== LINKS MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .elementor-item{ display:flex !important; align-items:center !important; justify-content:flex-start !important; width: 100% !important; max-width: 100% !important; min-height: 47px !important; margin: 0 !important; padding: 0 14px !important; color: var(--purple-dark) !important; fill: var(--purple-dark) !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(56,35,89,.065) !important; border-radius: 7px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .35px !important; text-transform: uppercase !important; text-align: left !important; box-sizing: border-box !important; transition: color .2s ease, background .2s ease !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{ color: var(--purple) !important; background: rgba(56,35,89,.045) !important; } /* ===================================================== GARANTIR MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .menu-item:last-child{ margin-top: 8px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .menu-item:last-child .elementor-item{ justify-content: center !important; min-height: 48px !important; color: #fff !important; fill: #fff !important; background: linear-gradient( 110deg, #2d1943, #382359, #50316f ) !important; border: 0 !important; border-radius: 3px !important; clip-path: polygon( 3% 0, 100% 0, 97% 100%, 0 100% ); box-shadow: 0 8px 20px rgba(56,35,89,.18); } /* ===================================================== ÂNCORAS MOBILE ===================================================== */ #beneficios, #ativos, #tecnologia, #atletas, #redes, #comprar{ scroll-margin-top: 74px !important; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-a69ae12{ height: 63px !important; min-height: 63px !important; padding: 0 13px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 > .e-con-inner{ height: 63px !important; min-height: 63px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a a{ height: 63px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img{ max-width: 68px !important; max-height: 47px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-widget-container{ height: 63px !important; min-height: 63px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-menu-toggle{ width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; } html body .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e > .elementor-nav-menu--dropdown{ top: 63px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .elementor-nav-menu{ padding: 11px 13px 13px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-c8d071e .elementor-nav-menu--dropdown .elementor-item{ min-height: 44px !important; font-size: 10.5px !important; } } /* ========================================================= CORREÇÃO DEFINITIVA — LOGO PRESA DENTRO DO HEADER Mantida no FINAL para vencer estilos do Elementor. ========================================================= */ @media (min-width:768px){ /* impede qualquer elemento visual de invadir a seção abaixo */ .elementor-40 .elementor-element.elementor-element-a69ae12{ overflow:hidden !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 > .e-con-inner{ overflow:hidden !important; } /* alvo específico + fallback para o widget de imagem */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image{ position:relative !important; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; height:76px !important; min-height:76px !important; max-height:76px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; transform:none !important; translate:none !important; scale:none !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a > .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image > .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a a, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image a{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:76px !important; min-height:76px !important; max-height:76px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } /* aqui está o que realmente trava o tamanho da logo */ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image img, .elementor-40 .elementor-element.elementor-element-a69ae12 img{ display:block !important; width:auto !important; height:56px !important; max-width:92px !important; max-height:56px !important; margin:0 auto !important; padding:0 !important; object-fit:contain !important; object-position:center center !important; position:static !important; top:auto !important; bottom:auto !important; transform:none !important; translate:none !important; scale:none !important; } } /* tablet: header tem 70px */ @media (max-width:1024px) and (min-width:768px){ .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a > .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image > .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a a, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image a{ height:70px !important; min-height:70px !important; max-height:70px !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img, .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-widget-image img, .elementor-40 .elementor-element.elementor-element-a69ae12 img{ height:50px !important; max-height:50px !important; max-width:82px !important; } } /* no mobile o dropdown precisa poder sair do header */ @media (max-width:767px){ .elementor-40 .elementor-element.elementor-element-a69ae12, .elementor-40 .elementor-element.elementor-element-a69ae12 > .e-con-inner{ overflow:visible !important; } .elementor-40 .elementor-element.elementor-element-a69ae12 .elementor-element-e4e8a9a img{ width:auto !important; height:auto !important; max-width:73px !important; max-height:51px !important; object-fit:contain !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a19fda *//* ========================================================= VLOSS SPORTS — HERO FIX UP VERSÃO FINAL Inspirada na direção visual do designer PAI: 5a19fda ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda{ --purple:#382359; --purple-dark:#25153a; --purple-mid:#563678; --purple-light:#8962ad; position:relative; width:100%; max-width:100%; min-height:720px; margin:0 !important; padding: 112px 28px 40px !important; overflow:hidden; isolation:isolate; background: radial-gradient( ellipse at 51% 42%, rgba(56,35,89,.065) 0%, rgba(56,35,89,.025) 32%, transparent 55% ), linear-gradient( 120deg, #fbfafc 0%, #f4f2f5 52%, #faf9fb 100% ) !important; } /* ========================================================= HALFTONE — IDENTIDADE VISUAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda::before{ content:""; position:absolute; z-index:0; top:-155px; right:-105px; width:950px; height:480px; pointer-events:none; opacity:.48; transform: rotate(-4deg) skewX(-7deg); background-image: radial-gradient( circle, rgba(56,35,89,.78) 1.25px, transparent 1.55px ); background-size:10px 10px; -webkit-mask-image: radial-gradient( ellipse at 67% 26%, #000 0%, #000 26%, rgba(0,0,0,.78) 45%, rgba(0,0,0,.25) 65%, transparent 80% ); mask-image: radial-gradient( ellipse at 67% 26%, #000 0%, #000 26%, rgba(0,0,0,.78) 45%, rgba(0,0,0,.25) 65%, transparent 80% ); } /* linha bem sutil inferior */ .elementor-40 .elementor-element.elementor-element-5a19fda::after{ content:""; position:absolute; z-index:1; left:50%; bottom:0; transform:translateX(-50%); width:min(1180px,88%); height:1px; background: linear-gradient( 90deg, transparent, rgba(56,35,89,.14), transparent ); pointer-events:none; } /* ========================================================= INNER ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda > .e-con-inner{ position:relative; z-index:3; width:100% !important; max-width:1180px !important; margin:0 auto !important; padding:0 !important; } /* ========================================================= GRID PRINCIPAL 13f406d ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-13f406d{ position:relative; display:grid !important; grid-template-columns: minmax(300px,.94fr) minmax(345px,1.12fr) minmax(270px,.82fr); align-items:center !important; width:100% !important; min-height:500px; gap:18px; padding:0 !important; overflow:visible !important; } /* RESET ELEMENTOR */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-941aaed, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-2fa33f4, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4{ width:100% !important; max-width:none !important; min-width:0 !important; flex-basis:auto !important; } /* ========================================================= COLUNA ESQUERDA ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-941aaed{ position:relative; z-index:5; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:100% !important; padding:0 !important; } /* ========================================================= CERA EM BASTÃO ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660{ width:auto !important; margin:0 0 13px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider{ padding:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider-separator{ display:flex !important; align-items:center !important; gap:12px; border:0 !important; } /* tira linha antiga */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider-separator::before{ display:none !important; } /* LINHA À DIREITA COMO NA REFERÊNCIA */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider-separator::after{ content:""; display:block; width:92px; height:2px; flex:0 0 auto; background:var(--purple); opacity:.85; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider__text{ padding:0 !important; color:var(--purple); font-size:11px; line-height:1; font-weight:800; letter-spacing:.3px; text-transform:uppercase; } /* ========================================================= FIX UP ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb{ width:100% !important; margin: 0 0 13px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb::after{ display:none !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb .elementor-heading-title{ display:block; width:100% !important; margin:0; color:var(--purple); font-size: clamp(62px,5.4vw,86px); line-height:.84; font-weight:900; font-style:italic; letter-spacing:-4px; white-space:nowrap !important; text-transform:uppercase; text-shadow:none; } /* ========================================================= TEXTO ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-c50d369{ width:100% !important; max-width:335px !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-c50d369 p{ margin:0; color:#4f4657; font-size:13.5px; line-height:1.58; font-weight:450; } /* ========================================================= BOTÕES ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-0d33f4a{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; width:auto !important; gap:6px; margin-top:22px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c{ width:auto !important; flex:0 0 auto !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button{ position:relative; display:flex; align-items:center; justify-content:center; width:145px; min-height:47px; padding:0 14px !important; overflow:hidden; border-radius:0 !important; font-size:9px; line-height:1; font-weight:900; letter-spacing:.6px; text-transform:uppercase; transition: transform .2s ease, box-shadow .25s ease, background .25s ease, color .25s ease; } /* brilho */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button::before, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button::before{ content:""; position:absolute; top:-80%; left:-60%; width:34%; height:260%; transform:rotate(18deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.40), transparent ); transition:left .48s ease; pointer-events:none; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button:hover::before, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button:hover::before{ left:135%; } /* ========================================================= BOTÃO PRINCIPAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button{ color:#fff; background: linear-gradient( 110deg, #28163d, #382359 60%, #513270 ); border: 1px solid rgba(103,66,142,.7); clip-path: polygon( 0 0, 100% 0, 91% 100%, 0 100% ); box-shadow: 0 7px 17px rgba(56,35,89,.15); } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button:hover{ transform:translateY(-3px); box-shadow: 0 11px 24px rgba(56,35,89,.22), 0 0 14px rgba(86,53,120,.13); } /* ========================================================= BOTÃO SECUNDÁRIO ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button{ color:var(--purple); background: rgba(255,255,255,.42); border: 1px solid rgba(56,35,89,.36); clip-path: polygon( 8% 0, 100% 0, 100% 100%, 0 100% ); } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button:hover{ color:#fff; background:var(--purple); transform:translateY(-3px); } /* ========================================================= PRODUTO — CENTRO 2fa33f4 ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-2fa33f4{ position:relative; z-index:4; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:500px; padding:0 !important; overflow:visible !important; isolation:isolate; /* IMPORTANTÍSSIMO: sem mask-image aqui. Produto fica 100% visível. */ -webkit-mask-image:none !important; mask-image:none !important; } /* ========================================================= HALO ATRÁS DO PRODUTO ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-2fa33f4::before{ content:""; position:absolute; z-index:-2; left:50%; top:49%; transform:translate(-50%,-50%); width:380px; height:380px; border-radius:50%; background: radial-gradient( circle, rgba(255,255,255,.86) 0%, rgba(56,35,89,.07) 42%, rgba(56,35,89,.018) 61%, transparent 73% ); pointer-events:none; } /* ========================================================= SOMBRA DO PRODUTO ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-2fa33f4::after{ content:""; position:absolute; z-index:-1; left:51%; bottom:32px; transform:translateX(-50%); width:200px; height:27px; border-radius:50%; background: radial-gradient( ellipse, rgba(31,18,42,.30), rgba(31,18,42,.13) 47%, transparent 74% ); filter:blur(10px); animation: vlossHeroShadowFinal 4.6s ease-in-out 1s infinite; } /* ========================================================= WIDGET PRODUTO ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-5e266a1.animated{ animation:none !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-5e266a1{ position:relative; z-index:5; width:100% !important; opacity:1 !important; animation: vlossHeroEnterFinal .9s cubic-bezier(.17,.82,.32,1) .1s both; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-5e266a1 img{ display:block; width:auto !important; height:auto !important; max-width:350px !important; max-height:540px !important; margin:0 auto; opacity:1 !important; object-fit:contain; transform-origin:center; filter: contrast(1.08) saturate(1.06) drop-shadow( 0 27px 19px rgba(25,14,36,.22) ); animation: vlossHeroFloatFinal 4.6s ease-in-out 1s infinite; } /* ========================================================= PRODUTO ENTRANDO ========================================================= */ @keyframes vlossHeroEnterFinal{ 0%{ opacity:0; transform: translateY(-100px) rotate(-12deg) scale(.94); } 72%{ opacity:1; transform: translateY(7px) rotate(-6deg) scale(1.01); } 100%{ opacity:1; transform: translateY(0) rotate(-7deg) scale(1); } } /* float */ @keyframes vlossHeroFloatFinal{ 0%, 100%{ transform: translateY(0) rotate(-7deg); } 50%{ transform: translateY(-12px) rotate(-5.5deg); } } /* sombra */ @keyframes vlossHeroShadowFinal{ 0%, 100%{ transform: translateX(-50%) scaleX(1); opacity:.65; } 50%{ transform: translateX(-50%) scaleX(.76); opacity:.35; } } /* ========================================================= BENEFÍCIOS DIREITA SEM CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4{ position:relative; z-index:5; display:flex !important; flex-direction:column !important; justify-content:center !important; width:100% !important; gap:20px; padding:0 !important; } /* remove PERFORMANCE / 03 */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4::before{ display:none !important; } /* ========================================================= CADA BENEFÍCIO DIREITA ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-widget-icon-box{ position:relative; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; overflow:visible !important; transition: transform .25s ease; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-widget-icon-box::before, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-widget-icon-box::after{ display:none !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-widget-icon-box:hover{ transform:translateX(5px); background:transparent !important; box-shadow:none !important; } /* ========================================================= ESTRUTURA DOS BENEFÍCIOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon-box-wrapper{ display:grid !important; grid-template-columns: 58px minmax(0,1fr); align-items:center !important; gap:16px; width:100% !important; } /* ========================================================= ÍCONES DIREITA ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon-box-icon{ width:58px !important; min-width:58px !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon{ display:flex; align-items:center; justify-content:center; width:56px; height:56px; padding:0; color:var(--purple); background:transparent; border:0; border-radius:0; box-shadow:none; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon svg{ width:34px; height:34px; fill:currentColor; } /* ícone cresce sutilmente */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-widget-icon-box:hover .elementor-icon{ transform:scale(1.08); box-shadow:none; } /* ========================================================= TEXTOS DIREITA ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon-box-content{ width:100% !important; min-width:0 !important; text-align:left !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon-box-title{ width:100% !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4 .elementor-icon-box-title span{ display:block; width:100% !important; color:var(--purple); font-size:15px; line-height:1.15; font-weight:650; letter-spacing:-.1px; text-transform:uppercase; white-space:normal !important; word-break:normal !important; } /* ========================================================= BENEFÍCIOS INFERIORES SEM CAIXA ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b{ position:relative; z-index:7; display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); width:min(760px,75%) !important; margin: 5px auto 0 !important; gap:65px; padding:0 !important; overflow:visible; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b::before, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b::after{ display:none !important; } /* ========================================================= ITEM INFERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-widget-icon-box{ position:relative; width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-widget-icon-box:not(:last-child){ border:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-widget-icon-box:hover{ background:transparent !important; transform:translateY(-4px) !important; } /* ========================================================= WRAPPER INFERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon-box-wrapper{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; text-align:center !important; } /* ========================================================= CÍRCULOS ROXOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon-box-icon{ margin:0 0 10px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon{ display:flex; align-items:center; justify-content:center; width:59px; height:59px; color:#fff !important; background: linear-gradient( 145deg, #432861, #382359 ); border-radius:50%; box-shadow: 0 8px 18px rgba(56,35,89,.15); transition: transform .25s ease, box-shadow .25s ease; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon svg{ width:27px; height:27px; fill:currentColor; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-widget-icon-box:hover .elementor-icon{ color:#fff !important; transform: translateY(-3px) scale(1.06); box-shadow: 0 12px 24px rgba(56,35,89,.22); } /* ========================================================= LABEL INFERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon-box-title{ margin:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon-box-title span{ display:block; color:var(--purple) !important; font-size:10px; line-height:1.25; font-weight:700; letter-spacing:.1px; text-transform:uppercase; white-space:normal !important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-5a19fda{ min-height:650px; padding: 100px 22px 38px !important; } /* no tablet usamos texto + produto */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-13f406d{ grid-template-columns: minmax(285px,.9fr) minmax(330px,1.1fr); min-height:460px; gap:20px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4{ display:none !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb .elementor-heading-title{ font-size: clamp(62px,8vw,76px); } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-5e266a1 img{ max-width:310px !important; max-height:475px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b{ width:min(720px,92%) !important; gap:35px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-5a19fda{ min-height:0; padding: 92px 17px 35px !important; text-align:center; background: radial-gradient( ellipse at 50% 38%, rgba(56,35,89,.06), transparent 42% ), linear-gradient( 180deg, #faf9fb, #f4f2f5 58%, #faf9fb ) !important; } /* ===================================================== HALFTONE MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda::before{ top:-75px; right:-170px; width:610px; height:300px; opacity:.46; transform:rotate(-3deg); background-size:8px 8px; -webkit-mask-image: radial-gradient( ellipse at 63% 18%, #000, rgba(0,0,0,.8) 35%, transparent 72% ); mask-image: radial-gradient( ellipse at 63% 18%, #000, rgba(0,0,0,.8) 35%, transparent 72% ); } /* ===================================================== MAIN ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-13f406d{ display:block !important; width:100% !important; min-height:0; } /* ===================================================== ESQUERDA ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-941aaed{ align-items:center !important; width:100% !important; padding:0 !important; } /* ===================================================== CERA EM BASTÃO ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660{ margin-bottom:10px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider-separator{ justify-content:center !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider-separator::after{ width:70px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-d974660 .elementor-divider__text{ font-size:10px; } /* ===================================================== FIX UP ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb{ margin-bottom:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb .elementor-heading-title{ width:100% !important; font-size: clamp(57px,18vw,73px); line-height:.84; letter-spacing:-3px; white-space:nowrap !important; } /* ===================================================== PRODUTO MOBILE b711be0 ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0{ position:relative; display:flex !important; align-items:center; justify-content:center; width:100% !important; min-height:310px; margin: -2px auto 5px !important; overflow:visible; isolation:isolate; } /* halo */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0::before{ content:""; position:absolute; z-index:-2; left:50%; top:48%; transform:translate(-50%,-50%); width:250px; height:250px; border-radius:50%; background: radial-gradient( circle, rgba(255,255,255,.9), rgba(56,35,89,.075) 42%, transparent 73% ); } /* sombra */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0::after{ content:""; position:absolute; z-index:-1; left:50%; bottom:20px; transform:translateX(-50%); width:145px; height:18px; border-radius:50%; background: rgba(30,17,41,.22); filter:blur(10px); animation: vlossHeroShadowFinal 4.4s ease-in-out infinite; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0 img{ position:relative; z-index:3; display:block; width:auto !important; height:auto !important; max-width:205px !important; max-height:345px !important; margin:0 auto; opacity:1 !important; object-fit:contain; filter: contrast(1.08) saturate(1.05) drop-shadow( 0 22px 15px rgba(25,14,35,.19) ); animation: vlossHeroFloatMobileFinal 4.4s ease-in-out infinite; } /* desktop produto fora */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-2fa33f4{ display:none !important; } /* ===================================================== TEXTO ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-c50d369{ width:100% !important; max-width:345px !important; margin:auto !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-c50d369 p{ font-size:13px; line-height:1.58; text-align:center; } /* ===================================================== BOTÕES MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-0d33f4a{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); width:100% !important; max-width:345px !important; gap:5px; margin: 20px auto 0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button{ width:100% !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-113edd6 .elementor-button, .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-cb93e9c .elementor-button{ min-height:45px; padding:0 7px !important; font-size:8px; letter-spacing:.45px; } /* benefícios direita fora */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-931c9f4{ display:none !important; } /* ===================================================== BENEFÍCIOS INFERIORES MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b{ display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); width:100% !important; gap:8px; margin: 34px auto 0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-widget-icon-box{ min-width:0 !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon{ width:49px; height:49px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon svg{ width:22px; height:22px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon-box-title span{ font-size:7.7px; line-height:1.2; letter-spacing:0; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-widget-icon-box:hover{ transform:none !important; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-5a19fda{ padding: 88px 13px 30px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-8d0abeb .elementor-heading-title{ font-size: clamp(53px,18vw,66px); } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0{ min-height:285px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0 img{ max-width:185px !important; max-height:320px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-b711be0::before{ width:225px; height:225px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-0d33f4a{ grid-template-columns:1fr; max-width:310px !important; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon{ width:45px; height:45px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon svg{ width:20px; height:20px; } .elementor-40 .elementor-element.elementor-element-5a19fda .elementor-element-689eb8b .elementor-icon-box-title span{ font-size:7px; } } /* ========================================================= FLOAT MOBILE ========================================================= */ @keyframes vlossHeroFloatMobileFinal{ 0%, 100%{ transform: translateY(0) rotate(-6deg); } 50%{ transform: translateY(-10px) rotate(-4.5deg); } } /* ========================================================= REDUZ MOVIMENTO ========================================================= */ @media(prefers-reduced-motion:reduce){ .elementor-40 .elementor-element.elementor-element-5a19fda *, .elementor-40 .elementor-element.elementor-element-5a19fda *::before, .elementor-40 .elementor-element.elementor-element-5a19fda *::after{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-60e75f1 *//* ========================================================= VLOSS SPORTS — O PRODUTO NOVO SITE / NOVOS IDs CONTAINER PAI: 60e75f1 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1{ --purple:#382359; --purple-dark:#211331; --purple-mid:#563777; --purple-light:#9b72bd; --silver:#ece9ef; --text:#5f5865; position:relative; width:100%; max-width:100%; overflow:hidden; padding:88px 28px 96px !important; background: radial-gradient( circle at 14% 25%, rgba(56,35,89,.07), transparent 27% ), radial-gradient( circle at 88% 78%, rgba(94,60,131,.055), transparent 26% ), linear-gradient( 135deg, #fbfbfc 0%, #f2f0f4 50%, #f9f8fa 100% ) !important; } /* ========================================================= FUNDO / HALFTONE ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1::before{ content:""; position:absolute; width:420px; height:240px; left:-95px; bottom:-80px; background-image: radial-gradient( circle, rgba(56,35,89,.42) 1.4px, transparent 1.7px ); background-size:10px 10px; opacity:.06; transform: rotate(8deg) skewX(-13deg); pointer-events:none; -webkit-mask-image: linear-gradient( 90deg, #000, #000 42%, transparent 100% ); mask-image: linear-gradient( 90deg, #000, #000 42%, transparent 100% ); } /* linha superior */ .elementor-40 .elementor-element.elementor-element-60e75f1::after{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:min(1100px,85%); height:1px; background: linear-gradient( 90deg, transparent, rgba(56,35,89,.22), transparent ); pointer-events:none; } /* ========================================================= INNER ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 > .e-con-inner{ position:relative; width:100% !important; max-width:1180px !important; margin:0 auto !important; padding:0 !important; z-index:3; } /* ========================================================= TÍTULO DA SEÇÃO e64783d / b01435e ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-e64783d{ position:relative; width:100% !important; margin:0 0 30px !important; padding:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b01435e{ position:relative; width:100% !important; margin:0 !important; padding-top:18px; } /* barra */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b01435e::before{ content:""; position:absolute; top:0; left:0; width:48px; height:3px; transform:skewX(-28deg); background: linear-gradient( 90deg, var(--purple), var(--purple-light) ); box-shadow: 0 0 10px rgba(56,35,89,.20); } /* texto pequeno */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b01435e::after{ content:"VLOSS SPORTS"; display:block; position:absolute; top:1px; left:65px; color:rgba(56,35,89,.54); font-size:9px; font-weight:900; letter-spacing:2.4px; text-transform:uppercase; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b01435e .elementor-heading-title{ margin:13px 0 0; color:var(--purple); font-size:clamp(38px,4vw,55px); line-height:.95; font-weight:900; font-style:italic; letter-spacing:-2px; text-transform:uppercase; } /* ========================================================= CARD PRINCIPAL bc563e3 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-bc563e3{ position:relative; display:grid !important; grid-template-columns: minmax(0,47%) minmax(0,53%); align-items:stretch; width:100% !important; max-width:100% !important; min-height:545px; margin:0 !important; padding:0 !important; overflow:hidden; border: 1px solid rgba(56,35,89,.12); border-radius:20px; background: linear-gradient( 135deg, rgba(255,255,255,.95), rgba(246,244,248,.90) ); box-shadow: 0 25px 65px rgba(40,23,56,.10), inset 0 1px 0 rgba(255,255,255,.9); isolation:isolate; } /* glow interno */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-bc563e3::before{ content:""; position:absolute; width:330px; height:330px; top:-180px; right:-150px; border-radius:50%; background: rgba(104,64,147,.09); filter:blur(55px); pointer-events:none; } /* detalhe inferior */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-bc563e3::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:42%; height:2px; background: linear-gradient( 90deg, transparent, rgba(105,65,149,.55), transparent ); box-shadow: 0 0 13px rgba(102,62,145,.22); pointer-events:none; } /* ========================================================= LADO ESQUERDO / PRODUTO 2678687 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687{ position:relative; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; padding:55px 35px !important; background: radial-gradient( circle at 50% 48%, rgba(56,35,89,.09), transparent 45% ), linear-gradient( 145deg, #f4f1f6, #ebe7ef ); overflow:hidden; } /* faixa diagonal */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687::before{ content:""; position:absolute; right:-35px; top:0; width:70px; height:100%; background: linear-gradient( 180deg, transparent, rgba(56,35,89,.09), transparent ); transform:skewX(-6deg); pointer-events:none; } /* halo */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687::after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:320px; height:320px; border-radius:50%; border: 1px solid rgba(56,35,89,.075); box-shadow: 0 0 0 18px rgba(56,35,89,.025), 0 0 0 38px rgba(56,35,89,.012); pointer-events:none; } /* ========================================================= IMAGEM 111e93e ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e{ position:relative; z-index:3; display:flex; align-items:center; justify-content:center; width:100% !important; margin:0 !important; } /* sombra */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e::after{ content:""; position:absolute; left:50%; bottom:8%; transform:translateX(-50%); width:210px; height:24px; border-radius:50%; background: rgba(32,18,45,.21); filter:blur(14px); z-index:-1; animation: vlossProductShadowNew 4.4s ease-in-out infinite; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e img{ display:block; width:100% !important; height:auto !important; max-width:440px !important; max-height:440px !important; margin:0 auto; object-fit:contain; filter: drop-shadow( 0 28px 22px rgba(37,20,53,.17) ); animation: vlossProductFloatNew 4.4s ease-in-out infinite; } /* ========================================================= FLOAT ========================================================= */ @keyframes vlossProductFloatNew{ 0%, 100%{ transform:translateY(0); } 50%{ transform:translateY(-11px); } } @keyframes vlossProductShadowNew{ 0%, 100%{ transform: translateX(-50%) scaleX(1); opacity:.74; } 50%{ transform: translateX(-50%) scaleX(.78); opacity:.38; } } /* ========================================================= COLUNA DIREITA aec04d5 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-aec04d5{ position:relative; display:flex !important; flex-direction:column !important; justify-content:center !important; width:100% !important; min-width:0 !important; padding: 58px 58px 52px !important; z-index:4; } /* ========================================================= FIX UP a524f78 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-a524f78{ width:100% !important; margin:0 0 13px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-a524f78 .elementor-heading-title{ margin:0; color:var(--purple); font-size:clamp(62px,5.7vw,84px); line-height:.86; font-weight:900; font-style:italic; letter-spacing:-3.7px; text-transform:uppercase; white-space:nowrap; text-shadow: 0 10px 24px rgba(56,35,89,.06); } /* ========================================================= AVALIAÇÃO c041f5f ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-c041f5f{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; width:100% !important; gap:11px; margin:0 0 22px !important; } /* rating */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-d8005a1{ width:auto !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-d8005a1 .e-rating{ display:flex; align-items:center; gap:2px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-d8005a1 .e-icon{ font-size:16px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-d8005a1 .e-icon-wrapper.e-icon-marked{ color:var(--purple) !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-d8005a1 .e-icon-wrapper.e-icon-unmarked{ color:rgba(56,35,89,.17) !important; } /* número de avaliações */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-e8babf5{ width:auto !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-e8babf5 .elementor-heading-title{ margin:0; color:rgba(56,35,89,.55); font-size:12px; line-height:1; font-weight:800; letter-spacing:.4px; } /* ========================================================= DESCRIÇÃO 0fd12a6 / b8ca312 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-0fd12a6{ width:100% !important; margin:0 0 29px !important; padding:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b8ca312{ width:100% !important; max-width:470px !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b8ca312 p{ margin:0; color:var(--text); font-size:14px; line-height:1.72; font-weight:400; } /* ========================================================= CTA PREÇO 74056fe ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-74056fe{ position:relative; display:grid !important; grid-template-columns: minmax(130px,.72fr) minmax(180px,1fr); align-items:center; width:100% !important; max-width:470px !important; min-height:72px; gap:13px; margin:0 !important; padding: 11px 13px 11px 23px !important; overflow:hidden; background: linear-gradient( 110deg, #2b1841 0%, #382359 55%, #533173 100% ) !important; border: 1px solid rgba(113,76,158,.68); border-radius:0 !important; clip-path: polygon( 0 0, 100% 0, 95% 100%, 0 100% ); box-shadow: 0 10px 27px rgba(56,35,89,.20), 0 0 0 1px rgba(255,255,255,.035) inset; } /* luz superior */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-74056fe::before{ content:""; position:absolute; top:0; left:14%; width:55%; height:1px; background: linear-gradient( 90deg, transparent, rgba(218,183,245,.72), transparent ); box-shadow: 0 0 11px rgba(190,142,231,.32); pointer-events:none; } /* glow */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-74056fe::after{ content:""; position:absolute; width:120px; height:120px; right:-55px; top:-60px; border-radius:50%; background: rgba(189,139,232,.16); filter:blur(28px); pointer-events:none; } /* ========================================================= PREÇO 15f4b15 ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-15f4b15{ position:relative; z-index:3; width:auto !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-15f4b15 .elementor-heading-title{ margin:0; color:#fff; font-size:30px; line-height:1; font-weight:900; font-style:italic; letter-spacing:-1.3px; white-space:nowrap; text-transform:uppercase; } /* ========================================================= BOTÃO 9755eaa ========================================================= */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa{ position:relative; z-index:3; width:100% !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button{ position:relative; display:flex; align-items:center; justify-content:center; width:100% !important; min-height:48px; overflow:hidden; padding: 0 17px !important; color:var(--purple); background: linear-gradient( 180deg, #fff, #eeeaf2 ); border: 1px solid rgba(255,255,255,.80); border-radius:0; clip-path: polygon( 5% 0, 100% 0, 95% 100%, 0 100% ); font-size:10px; line-height:1; font-weight:900; letter-spacing:1.25px; text-transform:uppercase; box-shadow: 0 0 0 1px rgba(56,35,89,.09), 0 5px 15px rgba(0,0,0,.12); transition: transform .17s ease, box-shadow .23s ease, background .23s ease; } /* brilho passando */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button::before{ content:""; position:absolute; width:40%; height:220%; top:-60%; left:-65%; transform:rotate(20deg); background: linear-gradient( 90deg, transparent, rgba(91,54,127,.20), transparent ); transition:left .46s ease; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button:hover{ transform:translateY(-2px); background:#fff; box-shadow: 0 0 6px rgba(255,255,255,.80), 0 0 16px rgba(199,151,237,.36), 0 9px 20px rgba(0,0,0,.18); } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button:hover::before{ left:135%; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button:active{ transform: translateY(2px) scale(.97); } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-60e75f1{ padding: 72px 22px 78px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-bc563e3{ grid-template-columns: minmax(0,44%) minmax(0,56%); min-height:500px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687{ padding: 40px 24px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e img{ max-width:350px !important; max-height:370px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-aec04d5{ padding: 45px 38px 42px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-a524f78 .elementor-heading-title{ font-size:62px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-74056fe{ grid-template-columns: 125px minmax(150px,1fr); } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-60e75f1{ padding: 55px 14px 64px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1::before{ width:240px; height:150px; left:-100px; bottom:-45px; } /* ===================================================== TÍTULO ===================================================== */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-e64783d{ margin-bottom:22px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b01435e{ text-align:left; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b01435e .elementor-heading-title{ font-size:36px; letter-spacing:-1.3px; } /* ===================================================== CARD ===================================================== */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-bc563e3{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:100% !important; min-height:0; border-radius:17px; clip-path:none !important; } /* ===================================================== IMAGEM ===================================================== */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687{ order:1; width:100% !important; min-height:300px; padding: 28px 18px 22px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687::before{ display:none; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687::after{ width:230px; height:230px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e{ width:100% !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e img{ width:auto !important; height:auto !important; max-width:290px !important; max-height:280px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e::after{ width:150px; height:18px; bottom:4%; } /* ===================================================== CONTEÚDO ===================================================== */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-aec04d5{ order:2; width:100% !important; min-width:0 !important; padding: 27px 20px 22px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-a524f78{ width:100% !important; margin-bottom:11px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-a524f78 .elementor-heading-title{ width:100% !important; font-size: clamp(49px,15vw,62px); line-height:.88; letter-spacing:-2.4px; white-space:nowrap; } /* avaliação */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-c041f5f{ display:flex !important; flex-direction:row !important; align-items:center !important; flex-wrap:nowrap !important; width:100% !important; margin-bottom:19px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-d8005a1 .e-icon{ font-size:14px; } /* ===================================================== DESCRIÇÃO MOBILE IMPORTANTE: remove os
que vieram no HTML, porque eles quebram a responsividade. ===================================================== */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b8ca312{ width:100% !important; max-width:100% !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b8ca312 br{ display:none !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-b8ca312 p{ width:100% !important; font-size:13.5px; line-height:1.65; overflow-wrap:break-word; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-0fd12a6{ margin-bottom:23px !important; } /* ===================================================== CTA MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-74056fe{ display:grid !important; grid-template-columns: minmax(105px,.7fr) minmax(145px,1fr); width:100% !important; max-width:100% !important; min-height:68px; gap:8px; padding: 10px 11px 10px 17px !important; clip-path:none !important; border-radius:10px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-15f4b15 .elementor-heading-title{ font-size:25px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button{ min-height:45px; padding: 0 10px !important; font-size:9px; letter-spacing:.75px; } } /* ========================================================= MOBILE ESTREITO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-2678687{ min-height:280px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-111e93e img{ max-width:255px !important; max-height:255px !important; } /* preço e botão empilham */ .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-74056fe{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:11px; padding: 16px !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-15f4b15{ width:100% !important; text-align:center; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-15f4b15 .elementor-heading-title{ font-size:28px; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa{ width:100% !important; } .elementor-40 .elementor-element.elementor-element-60e75f1 .elementor-element-9755eaa .elementor-button{ width:100% !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c7a483e *//* ========================================================= VLOSS SPORTS — TECNOLOGIA + VÍDEO NOVO SITE / NOVOS IDs CONTAINER PAI: c7a483e ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e{ --purple:#382359; --purple-dark:#20112f; --purple-deep:#0e0715; --purple-mid:#563576; --purple-light:#9c70c4; --lavender:#d3b0ee; position:relative; display:grid !important; grid-template-columns:56% 44%; align-items:stretch; width:100%; max-width:100%; min-height:700px; margin:0 !important; padding:0 !important; overflow:hidden; background: radial-gradient( circle at 21% 31%, rgba(112,69,155,.24), transparent 33% ), linear-gradient( 135deg, #21122f 0%, #160b21 57%, #0d0613 100% ) !important; isolation:isolate; } /* ========================================================= HALFTONE ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e::before{ content:""; position:absolute; width:470px; height:280px; left:-100px; top:-65px; background-image: radial-gradient( circle, rgba(255,255,255,.72) 1.35px, transparent 1.7px ); background-size:11px 11px; opacity:.055; transform: rotate(-8deg) skewX(-13deg); pointer-events:none; z-index:1; -webkit-mask-image: linear-gradient( 90deg, #000 0%, #000 43%, transparent 100% ); mask-image: linear-gradient( 90deg, #000 0%, #000 43%, transparent 100% ); } /* linha superior */ .elementor-40 .elementor-element.elementor-element-c7a483e::after{ content:""; position:absolute; left:0; top:0; width:100%; height:2px; background: linear-gradient( 90deg, transparent 4%, rgba(190,139,235,.72) 27%, rgba(153,101,202,.30) 67%, transparent 96% ); box-shadow: 0 0 15px rgba(159,104,210,.24); pointer-events:none; z-index:20; } /* ========================================================= COLUNA ESQUERDA 557c7f5 ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-557c7f5{ position:relative; display:flex !important; align-items:center !important; justify-content:flex-end !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:700px; margin:0 !important; padding: 90px 68px 90px max(42px, calc((100vw - 1180px) / 2)) !important; background:transparent !important; z-index:5; } /* boxed interno do Elementor */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-557c7f5 > .e-con-inner{ display:block !important; width:100% !important; max-width:680px !important; margin:0 !important; padding:0 !important; } /* ========================================================= CONTEÚDO 83ff31b ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b{ position:relative; display:flex !important; flex-direction:column !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; } /* ========================================================= TÍTULO 1c820d4 ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4{ position:relative; width:100% !important; margin:0 0 42px !important; padding-top:20px; } /* kicker */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4::before{ content:"TECNOLOGIA VLOSS"; display:block; margin-bottom:15px; color:#cfafea; font-size:10px; line-height:1; font-weight:900; letter-spacing:3px; text-transform:uppercase; } /* barra */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4::after{ content:""; position:absolute; top:0; left:0; width:51px; height:3px; transform:skewX(-30deg); background: linear-gradient( 90deg, #fff, #9f70c9 ); box-shadow: 0 0 13px rgba(190,142,236,.48); } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4 .elementor-heading-title{ max-width:650px; margin:0; color:#fff; font-size:clamp(48px,5vw,74px); line-height:.94; font-weight:900; font-style:italic; letter-spacing:-3px; text-transform:uppercase; text-shadow: 0 13px 31px rgba(0,0,0,.27); } /* ========================================================= FILEIRAS DOS CARDS 3756f54 / 17495cd ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-3756f54, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-17495cd{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); width:100% !important; gap:14px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-3756f54{ margin-bottom:14px !important; } /* containers individuais */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-77f97b1, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-9d284d1, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-9512780, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-916f04d{ width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; } /* ========================================================= CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box{ position:relative; width:100% !important; height:100%; min-width:0 !important; margin:0 !important; padding: 23px 21px; overflow:hidden; border: 1px solid rgba(255,255,255,.115); border-radius:14px; background: linear-gradient( 135deg, rgba(255,255,255,.105), rgba(255,255,255,.032) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 32px rgba(0,0,0,.15); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease; } /* glow do card */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box::before{ content:""; position:absolute; width:140px; height:140px; top:-70px; right:-65px; border-radius:50%; background: rgba(157,100,210,.18); filter:blur(36px); pointer-events:none; } /* linha inferior */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box::after{ content:""; position:absolute; left:22px; bottom:0; width:42px; height:2px; background: linear-gradient( 90deg, #c493e9, transparent ); box-shadow: 0 0 11px rgba(195,143,234,.50); transition: width .3s ease; } /* hover */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box:hover{ transform:translateY(-6px); border-color: rgba(197,150,238,.32); background: linear-gradient( 135deg, rgba(255,255,255,.14), rgba(111,68,155,.075) ); box-shadow: 0 0 21px rgba(108,62,153,.12), 0 20px 42px rgba(0,0,0,.21); } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box:hover::after{ width:84px; } /* ========================================================= CONTEÚDO DOS CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-wrapper{ position:relative; z-index:3; display:grid !important; grid-template-columns: 46px minmax(0,1fr); align-items:start; gap:15px; width:100% !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-icon{ width:46px !important; min-width:46px !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon{ display:flex; align-items:center; justify-content:center; width:45px; height:45px; color:#fff; border: 1px solid rgba(204,163,240,.27); border-radius:50%; background: linear-gradient( 145deg, rgba(128,81,176,.47), rgba(255,255,255,.04) ); box-shadow: 0 0 0 4px rgba(128,82,176,.04); transition: transform .28s ease, box-shadow .28s ease; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box:hover .elementor-icon{ transform: rotate(-7deg) scale(1.08); box-shadow: 0 0 0 4px rgba(128,82,176,.07), 0 0 17px rgba(190,137,237,.22); } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon svg{ width:17px; height:17px; fill:currentColor; } /* ========================================================= TEXTO DOS CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-content{ width:100% !important; min-width:0 !important; text-align:left !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-title{ width:100% !important; margin: 1px 0 8px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-title span{ display:block; width:100%; color:#fff; font-size:13px; line-height:1.25; font-weight:850; letter-spacing:.65px; text-transform:uppercase; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-description{ width:100%; margin:0; color: rgba(255,255,255,.65); font-size:12px; line-height:1.55; word-break:normal !important; overflow-wrap:break-word; } /* ========================================================= BLOCO DIREITO / VÍDEO bc01699 ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699{ position:relative; align-self:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:700px !important; height:100% !important; margin:0 !important; padding:0 !important; overflow:hidden; background:#100817 !important; clip-path: polygon( 7% 0, 100% 0, 100% 100%, 0 100% ); z-index:6; } /* ========================================================= LINHA DE LUZ DIAGONAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699::before{ content:""; position:absolute; z-index:9; left:4.4%; top:-8%; width:2px; height:116%; transform:rotate(5.3deg); background: linear-gradient( 180deg, transparent 0%, rgba(192,143,238,.78) 28%, rgba(142,92,196,.50) 71%, transparent 100% ); box-shadow: 0 0 14px rgba(180,127,230,.49); pointer-events:none; } /* vinheta */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699::after{ content:""; position:absolute; inset:0; z-index:8; background: linear-gradient( 90deg, rgba(18,8,27,.32) 0%, rgba(18,8,27,.10) 14%, transparent 34% ); pointer-events:none; } /* ========================================================= WIDGET DE VÍDEO 6358f6f ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f .elementor-widget-container{ width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } /* wrapper Elementor */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f .elementor-wrapper{ position:relative !important; width:100% !important; height:100% !important; min-height:100% !important; margin:0 !important; padding:0 !important; aspect-ratio:auto !important; overflow:hidden; background:#0c0611; } /* ========================================================= VÍDEO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f video{ position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; object-fit:cover !important; object-position:center center; transform:scale(1.015); filter: saturate(.94) contrast(1.04) brightness(.95); transition: transform 1.1s cubic-bezier(.18,.7,.2,1), filter .65s ease; } /* zoom muito leve */ .elementor-40 .elementor-element.elementor-element-c7a483e:hover .elementor-element-6358f6f video{ transform:scale(1.04); filter: saturate(1) contrast(1.05) brightness(1); } /* luz no topo do vídeo */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f .elementor-wrapper::after{ content:""; position:absolute; z-index:5; left:17%; top:0; width:46%; height:1px; background: linear-gradient( 90deg, transparent, rgba(219,182,249,.82), transparent ); box-shadow: 0 0 14px rgba(185,132,234,.52); pointer-events:none; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-c7a483e{ grid-template-columns: 59% 41%; min-height:650px; } .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-557c7f5{ min-height:650px; padding: 68px 34px 68px 30px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4 .elementor-heading-title{ font-size:52px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box{ padding: 19px 16px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-wrapper{ grid-template-columns: 40px minmax(0,1fr); gap:11px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-icon{ width:40px !important; min-width:40px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon{ width:39px; height:39px; } .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699{ min-height:650px !important; clip-path: polygon( 5% 0, 100% 0, 100% 100%, 0 100% ); } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-c7a483e{ display:flex !important; flex-direction:column !important; width:100% !important; min-height:0 !important; overflow:hidden !important; } /* ===================================================== CONTEÚDO PRIMEIRO ===================================================== */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-557c7f5{ order:1; width:100% !important; min-height:0 !important; padding: 55px 16px 44px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-557c7f5 > .e-con-inner{ width:100% !important; max-width:100% !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b{ width:100% !important; max-width:100% !important; } /* título */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4{ width:100% !important; margin-bottom:29px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4::before{ font-size:9px; letter-spacing:2.2px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4 .elementor-heading-title{ width:100% !important; font-size: clamp(37px,11vw,45px); line-height:.96; letter-spacing:-1.7px; word-break:normal !important; } /* ===================================================== CARDS — UMA COLUNA ===================================================== */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-3756f54, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-17495cd{ display:grid !important; grid-template-columns:1fr !important; width:100% !important; gap:10px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-3756f54{ margin-bottom:10px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-77f97b1, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-9d284d1, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-9512780, .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-916f04d{ width:100% !important; min-width:0 !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box{ width:100% !important; padding: 18px !important; border-radius:12px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-wrapper{ grid-template-columns: 42px minmax(0,1fr); gap:13px; width:100% !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-icon{ width:42px !important; min-width:42px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon{ width:41px; height:41px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-title span{ font-size:12px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-icon-box-description{ font-size:11.5px; line-height:1.55; } /* ===================================================== VÍDEO EMBAIXO ===================================================== */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699{ order:2; position:relative !important; display:block !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; aspect-ratio:16 / 9; clip-path: polygon( 0 7%, 100% 0, 100% 100%, 0 100% ); overflow:hidden; } /* linha diagonal fora no mobile */ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699::before{ display:none; } .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-bc01699::after{ background: linear-gradient( 180deg, rgba(18,8,27,.18), transparent 32% ); } /* IMPORTANTÍSSIMO: reset do absolute do desktop */ .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f{ position:relative !important; inset:auto !important; width:100% !important; height:100% !important; aspect-ratio:16 / 9; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f .elementor-widget-container{ width:100% !important; height:100% !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f .elementor-wrapper{ position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:16 / 9 !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-6358f6f video{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center; transform:scale(1.01); } .elementor-40 .elementor-element.elementor-element-c7a483e:hover .elementor-element-6358f6f video{ transform:scale(1.02); } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-c7a483e > .elementor-element-557c7f5{ padding: 50px 14px 40px !important; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-1c820d4 .elementor-heading-title{ font-size:35px; } .elementor-40 .elementor-element.elementor-element-c7a483e .elementor-element-83ff31b .elementor-widget-icon-box{ padding: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b85017a *//* ========================================================= VLOSS SPORTS — DEPOIMENTOS / ATLETAS NOVO SITE / NOVOS IDs PAI: b85017a ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a{ --purple:#382359; --purple-dark:#211331; --purple-deep:#160b21; --purple-mid:#684391; --purple-light:#9f76c3; --silver:#f0edf2; --text:#5e5864; position:relative; width:100%; max-width:100%; overflow:hidden; padding:92px 28px 100px !important; background: radial-gradient( circle at 14% 18%, rgba(56,35,89,.055), transparent 26% ), radial-gradient( circle at 88% 76%, rgba(101,65,143,.045), transparent 26% ), linear-gradient( 135deg, #fbfbfc 0%, #f2f0f4 52%, #faf9fb 100% ) !important; isolation:isolate; } /* ========================================================= HALFTONE ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a::before{ content:""; position:absolute; width:410px; height:235px; right:-80px; top:-55px; background-image: radial-gradient( circle, rgba(56,35,89,.42) 1.35px, transparent 1.7px ); background-size:10px 10px; opacity:.065; transform: rotate(-8deg) skewX(-14deg); pointer-events:none; -webkit-mask-image: linear-gradient( 90deg, transparent 0%, #000 35%, #000 100% ); mask-image: linear-gradient( 90deg, transparent 0%, #000 35%, #000 100% ); } /* linha superior */ .elementor-40 .elementor-element.elementor-element-b85017a::after{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:min(1100px,85%); height:1px; background: linear-gradient( 90deg, transparent, rgba(56,35,89,.22), transparent ); pointer-events:none; } /* ========================================================= INNER ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a > .e-con-inner{ position:relative; width:100% !important; max-width:1180px !important; margin:0 auto !important; padding:0 !important; z-index:3; } /* ========================================================= WRAPPER DOS CARDS c3d1ff7 ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ position:relative; display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); align-items:stretch; width:100% !important; max-width:100% !important; gap:20px; margin:0 !important; padding-top:168px !important; } /* ========================================================= KICKER ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::before{ content:"QUEM USA, APROVA"; position:absolute; top:0; left:0; padding-left:49px; color:var(--purple); font-size:10px; line-height:1; font-weight:900; letter-spacing:2.8px; text-transform:uppercase; } /* barrinha */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ background-image: linear-gradient( var(--purple), var(--purple) ); background-repeat:no-repeat; background-position:0 2px; background-size:33px 3px; } /* ========================================================= HEADLINE GRANDE ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ content:"PERFORMANCE QUE SE SENTE. RESULTADO QUE SE VÊ."; position:absolute; top:34px; left:0; width:900px; max-width:95%; color:var(--purple); font-size:clamp(42px,5vw,67px); line-height:.94; font-weight:900; font-style:italic; letter-spacing:-2.8px; text-transform:uppercase; text-shadow: 0 10px 25px rgba(56,35,89,.06); pointer-events:none; } /* ========================================================= CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647{ position:relative; display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:390px; margin:0 !important; padding: 34px 29px 28px !important; overflow:hidden; border: 1px solid rgba(56,35,89,.105); border-radius:17px; background: rgba(255,255,255,.76) !important; box-shadow: 0 18px 44px rgba(40,23,56,.075), inset 0 1px 0 rgba(255,255,255,.95); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } /* ========================================================= CARD CENTRAL EM DESTAQUE ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb{ color:#fff; background: radial-gradient( circle at 80% 15%, rgba(163,110,211,.18), transparent 30% ), linear-gradient( 145deg, #4d2f6c 0%, #382359 50%, #281638 100% ) !important; border-color: rgba(152,105,197,.50); box-shadow: 0 0 24px rgba(73,42,105,.12), 0 25px 55px rgba(40,23,56,.17); transform:translateY(-7px); } /* ========================================================= GLOW DOS CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402::before, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb::before, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647::before{ content:""; position:absolute; width:180px; height:180px; right:-105px; top:-105px; border-radius:50%; background: rgba(115,75,156,.09); filter:blur(38px); pointer-events:none; transition: transform .35s ease; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb::before{ background: rgba(190,139,232,.22); } /* linha inferior */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647::after{ content:""; position:absolute; left:29px; bottom:0; width:45px; height:2px; background: linear-gradient( 90deg, #7b4fa4, transparent ); box-shadow: 0 0 10px rgba(112,72,153,.25); transition: width .3s ease; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb::after{ background: linear-gradient( 90deg, #d1a5ef, transparent ); box-shadow: 0 0 12px rgba(207,161,239,.46); } /* ========================================================= HOVER ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402:hover, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647:hover{ transform:translateY(-7px); border-color: rgba(91,57,127,.22); box-shadow: 0 25px 56px rgba(40,23,56,.12); } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb:hover{ transform:translateY(-12px); box-shadow: 0 0 25px rgba(88,53,123,.17), 0 30px 64px rgba(40,23,56,.23); } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402:hover::before, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb:hover::before, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647:hover::before{ transform:scale(1.3); } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402:hover::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb:hover::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647:hover::after{ width:90px; } /* ========================================================= AVATARES d662940 / 1350f0c / 793cd23 ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d662940, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-1350f0c, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-793cd23{ position:relative; z-index:3; width:auto !important; margin: 0 0 25px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d662940::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-1350f0c::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-793cd23::after{ content:""; position:absolute; inset:-5px; border: 1px solid rgba(56,35,89,.10); border-radius:50%; pointer-events:none; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-1350f0c::after{ border-color: rgba(218,178,246,.26); } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d662940 img, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-1350f0c img, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-793cd23 img{ display:block; width:72px !important; height:72px !important; max-width:none !important; border-radius:50%; object-fit:cover; box-shadow: 0 9px 20px rgba(48,27,67,.12); transition: transform .28s ease, box-shadow .28s ease; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402:hover .elementor-element-d662940 img, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb:hover .elementor-element-1350f0c img, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647:hover .elementor-element-793cd23 img{ transform:scale(1.055); box-shadow: 0 12px 24px rgba(48,27,67,.17); } /* ========================================================= DEPOIMENTOS 0d2c7aa / 2f8c008 / f30eae0 ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0{ position:relative; z-index:3; width:100% !important; margin: 0 0 25px !important; } /* aspas */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa::before, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008::before, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0::before{ content:"“"; position:absolute; left:-4px; top:-30px; color: rgba(56,35,89,.11); font-family:Georgia, serif; font-size:70px; line-height:1; font-weight:700; pointer-events:none; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008::before{ color: rgba(255,255,255,.12); } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 p{ position:relative; z-index:2; margin:0; color:var(--text); font-size:14px; line-height:1.7; font-weight:400; } /* card central */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb .elementor-element-2f8c008 p{ color: rgba(255,255,255,.76); } /* ========================================================= ESTRELAS ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06{ position:relative; z-index:3; width:auto !important; margin: auto 0 11px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153 .e-rating, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45 .e-rating, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06 .e-rating{ display:flex; align-items:center; gap:2px; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153 .e-icon, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45 .e-icon, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06 .e-icon{ font-size:15px; } /* branco/card normal */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153 .e-icon-wrapper.e-icon-marked, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06 .e-icon-wrapper.e-icon-marked{ color:var(--purple) !important; } /* card central */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45 .e-icon-wrapper.e-icon-marked{ color:#d8b2f2 !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153 .e-icon-wrapper.e-icon-unmarked, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06 .e-icon-wrapper.e-icon-unmarked{ color: rgba(56,35,89,.15) !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45 .e-icon-wrapper.e-icon-unmarked{ color: rgba(255,255,255,.18) !important; } /* ========================================================= NOMES ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-da6b4f9, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-43eabed, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-8a10358{ position:relative; z-index:3; width:100% !important; margin:0 !important; padding-bottom:19px; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-da6b4f9 .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-43eabed .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-8a10358 .elementor-heading-title{ margin:0; color:var(--purple-dark); font-size:13px; line-height:1.2; font-weight:900; letter-spacing:.75px; text-transform:uppercase; } /* nome central */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb .elementor-element-43eabed .elementor-heading-title{ color:#fff; } /* label CLIENTE VLOSS */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-da6b4f9::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-43eabed::after, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-8a10358::after{ content:"CLIENTE VLOSS"; position:absolute; left:0; bottom:0; color: rgba(56,35,89,.43); font-size:8px; line-height:1; font-weight:850; letter-spacing:1.7px; text-transform:uppercase; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-43eabed::after{ color: rgba(255,255,255,.45); } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-b85017a{ padding: 78px 21px 84px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ gap:14px; padding-top: 155px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ font-size: clamp(40px,5.7vw,58px); } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647{ min-height:375px; padding: 28px 22px 25px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 p{ font-size:13px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-b85017a{ padding: 62px 16px 70px !important; } .elementor-40 .elementor-element.elementor-element-b85017a::before{ width:250px; height:150px; right:-110px; top:-40px; } /* ===================================================== TÍTULO ===================================================== */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ display:flex !important; flex-direction:column !important; width:100% !important; gap:12px; padding-top: 138px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::before{ font-size:9px; letter-spacing:2.2px; padding-left:40px; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ background-size: 27px 2px; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ top:30px; width:100%; max-width:100%; font-size: clamp(30px,9.2vw,38px); line-height:.97; letter-spacing:-1.7px; } /* ===================================================== CARDS ===================================================== */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647{ width:100% !important; min-height:0 !important; padding: 26px 21px 24px !important; transform:none !important; } /* nada de hover preso no touch */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402:hover, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb:hover, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647:hover{ transform:none !important; } /* ===================================================== REMOVE OS BR MANUAIS ===================================================== */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa br, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 br, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 br{ display:none !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 p{ width:100%; font-size:13.5px; line-height:1.65; word-break:normal !important; overflow-wrap:break-word; } /* avatares */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d662940 img, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-1350f0c img, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-793cd23 img{ width:68px !important; height:68px !important; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-b85017a{ padding: 56px 14px 64px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ padding-top: 135px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ font-size:29px; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647{ padding: 24px 18px 22px !important; } } /* ========================================================= CORREÇÃO — DEPOIMENTOS VLOSS Headline + espaçamento + alinhamento ========================================================= */ /* ========================================================= RESERVA ESPAÇO REAL PARA O TÍTULO ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ padding-top:215px !important; } /* ========================================================= HEADLINE ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ top:36px !important; width:100% !important; max-width:1080px !important; font-size:clamp(42px,4.6vw,62px) !important; line-height:.93 !important; letter-spacing:-2.5px !important; text-wrap:balance; } /* ========================================================= CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647{ min-height:410px !important; padding: 30px 28px 27px !important; } /* card central */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb{ transform:translateY(-6px); } /* ========================================================= AVATARES ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d662940, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-1350f0c, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-793cd23{ margin: 0 0 27px !important; } /* ========================================================= DEPOIMENTOS — ESQUERDA ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0{ width:100% !important; text-align:left !important; margin-bottom:25px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 .elementor-widget-container, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 .elementor-widget-container{ text-align:left !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 p, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 p{ margin:0 !important; text-align:left !important; font-size:14px !important; line-height:1.68 !important; } /* remove quebras manuais também no desktop */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-0d2c7aa br, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-2f8c008 br, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-f30eae0 br{ display:none !important; } /* ========================================================= ESTRELAS ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06{ width:100% !important; margin: auto 0 12px !important; text-align:left !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-37bb153 .e-rating, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-35e4f45 .e-rating, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-56d4a06 .e-rating{ justify-content:flex-start !important; } /* ========================================================= NOMES ========================================================= */ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-da6b4f9, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-43eabed, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-8a10358{ text-align:left !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-da6b4f9 .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-43eabed .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-8a10358 .elementor-heading-title{ text-align:left !important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ padding-top:190px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ top:34px !important; max-width:920px !important; font-size: clamp(39px,5vw,52px) !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ padding-top:155px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ top:29px !important; width:100% !important; max-width:100% !important; font-size: clamp(30px,9vw,38px) !important; line-height:.95 !important; letter-spacing:-1.6px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-d80a402, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-3d289eb, .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-39b5647{ min-height:0 !important; transform:none !important; padding: 26px 21px 24px !important; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7{ padding-top:150px !important; } .elementor-40 .elementor-element.elementor-element-b85017a .elementor-element-c3d1ff7::after{ font-size:29px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-231e5d2 *//* ========================================================= VLOSS SPORTS COMPRA + FAQ — CSS COMPLETO CONTAINER PAI: 231e5d2 ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2{ --purple:#382359; --purple-dark:#211331; --purple-deep:#110817; --purple-mid:#573775; --purple-light:#9468b9; --lavender:#cba0e9; --white:#ffffff; position:relative; width:100%; max-width:100%; margin:0 !important; padding: 90px 26px 90px !important; overflow:hidden; isolation:isolate; background: radial-gradient( circle at 13% 12%, rgba(146,88,193,.16), transparent 27% ), radial-gradient( circle at 88% 32%, rgba(103,63,145,.12), transparent 28% ), linear-gradient( 135deg, #21122f 0%, #170c21 52%, #100716 100% ) !important; } /* ========================================================= HALFTONE ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2::before{ content:""; position:absolute; z-index:0; top:-100px; right:-115px; width:500px; height:310px; pointer-events:none; opacity:.055; transform: rotate(-8deg) skewX(-10deg); background-image: radial-gradient( circle, rgba(255,255,255,.72) 1.2px, transparent 1.55px ); background-size: 10px 10px; -webkit-mask-image: radial-gradient( ellipse, #000 0%, rgba(0,0,0,.72) 45%, transparent 77% ); mask-image: radial-gradient( ellipse, #000 0%, rgba(0,0,0,.72) 45%, transparent 77% ); } /* ========================================================= LINHA SUPERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2::after{ content:""; position:absolute; z-index:2; top:0; left:50%; transform:translateX(-50%); width:min(1100px,86%); height:1px; background: linear-gradient( 90deg, transparent, rgba(205,158,239,.40), transparent ); box-shadow: 0 0 12px rgba(183,128,226,.15); pointer-events:none; } /* ========================================================= INNER GERAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 > .e-con-inner{ position:relative; z-index:3; display:block !important; width:100% !important; max-width:1180px !important; margin:0 auto !important; padding:0 !important; } /* ========================================================= ÁREA DE COMPRA 28566ff ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff{ position:relative; display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:18px; margin:0 !important; padding: 140px 0 0 !important; overflow:visible !important; background-image: linear-gradient( 90deg, #ce9deb, #8856b0 ); background-repeat:no-repeat; background-position: 0 2px; background-size: 34px 2px; } /* ========================================================= KICKER ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff::before{ content:"VLOSS SPORTS / FIX UP"; position:absolute; top:0; left:0; padding-left:47px; color: rgba(255,255,255,.56); font-size:9px; line-height:1; font-weight:900; letter-spacing:2.6px; text-transform:uppercase; } /* ========================================================= TÍTULO COMPRA ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff::after{ content:"GARANTA A SUA FIX UP."; position:absolute; top:30px; left:0; width:100%; max-width:930px; color:#fff; font-size: clamp(43px,5vw,67px); line-height:.91; font-weight:900; font-style:italic; letter-spacing:-2.8px; text-transform:uppercase; text-shadow: 0 14px 30px rgba(0,0,0,.18); pointer-events:none; } /* ========================================================= RESET DOS 3 CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f{ position:relative; display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:450px; margin:0 !important; padding: 23px 21px 21px !important; overflow:hidden; border: 1px solid rgba(255,255,255,.105) !important; border-radius:17px !important; background: linear-gradient( 145deg, rgba(255,255,255,.095), rgba(255,255,255,.028) ) !important; box-shadow: 0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } /* ========================================================= CARD CENTRAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b{ transform: translateY(-5px); background: radial-gradient( circle at 80% 12%, rgba(192,137,235,.15), transparent 29% ), linear-gradient( 145deg, rgba(97,58,135,.38), rgba(255,255,255,.045) ) !important; border-color: rgba(187,134,232,.26) !important; box-shadow: 0 0 26px rgba(109,64,152,.11), 0 24px 52px rgba(0,0,0,.22); } /* ========================================================= GLOW NOS CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f::before{ content:""; position:absolute; top:-70px; right:-70px; width:150px; height:150px; border-radius:50%; background: rgba(165,106,213,.12); filter: blur(38px); pointer-events:none; } /* ========================================================= LINHA INFERIOR CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8::after, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b::after, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f::after{ content:""; position:absolute; left:50%; bottom:0; transform: translateX(-50%); width:42px; height:2px; background: linear-gradient( 90deg, transparent, #ca95ec, transparent ); box-shadow: 0 0 10px rgba(199,144,235,.40); transition: width .3s ease; } /* ========================================================= HOVER CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8:hover, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f:hover{ transform: translateY(-6px); border-color: rgba(194,144,234,.22) !important; box-shadow: 0 24px 54px rgba(0,0,0,.23); } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b:hover{ transform: translateY(-10px); } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8:hover::after, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b:hover::after, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f:hover::after{ width:100px; } /* ========================================================= ÍCONES DOS CARDS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-19212bc, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-9b5b4bf, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-c25efe9{ position:absolute; z-index:5; top:18px; right:18px; width:auto !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-19212bc .elementor-icon, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-9b5b4bf .elementor-icon, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-c25efe9 .elementor-icon{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; color:#d2a9eb; border: 1px solid rgba(212,171,239,.19); border-radius:50%; background: rgba(255,255,255,.05); box-shadow: 0 0 0 4px rgba(255,255,255,.012); } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-19212bc svg, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-9b5b4bf svg, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-c25efe9 svg{ width:15px; height:15px; fill:currentColor; } /* ========================================================= ÁREA DAS IMAGENS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8{ position:relative; z-index:3; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:275px; margin: 18px 0 10px !important; } /* halo */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8::before{ content:""; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:220px; height:220px; border-radius:50%; background: radial-gradient( circle, rgba(175,119,220,.14), rgba(175,119,220,.035) 49%, transparent 71% ); pointer-events:none; } /* ========================================================= PRODUTOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1 img, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526 img, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8 img{ position:relative; z-index:2; display:block; width:auto !important; height:auto !important; max-width:100% !important; max-height:250px !important; margin:auto; object-fit:contain; filter: drop-shadow( 0 20px 17px rgba(0,0,0,.22) ); animation: vlossBuyFloat 4.5s ease-in-out infinite; } /* terceiro vertical */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8 img{ max-width:150px !important; max-height:260px !important; } /* ========================================================= PREÇOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-5c371ca, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-1c080d2, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-bfedeb4{ position:relative; z-index:5; width:100% !important; margin: auto 0 15px !important; text-align:center; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-5c371ca .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-1c080d2 .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-bfedeb4 .elementor-heading-title{ margin:0 !important; color:#fff !important; font-size:29px; line-height:1; font-weight:900; font-style:italic; letter-spacing:-1.1px; text-transform:uppercase; } /* ========================================================= BOTÕES COMPRAR ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4205385, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3f90e1d, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4d95344{ position:relative; z-index:5; width:100% !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4205385 .elementor-button, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3f90e1d .elementor-button, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4d95344 .elementor-button{ position:relative; display:flex; align-items:center; justify-content:center; width:100% !important; min-height:49px; padding: 0 16px !important; overflow:hidden; color:var(--purple) !important; background: linear-gradient( 180deg, #fff, #eee9f2 ) !important; border: 1px solid rgba(255,255,255,.75) !important; border-radius:0 !important; clip-path: polygon( 5% 0, 100% 0, 95% 100%, 0 100% ); font-size:9px; line-height:1; font-weight:900; letter-spacing:.9px; text-transform:uppercase; box-shadow: 0 7px 18px rgba(0,0,0,.14); transition: transform .18s ease, box-shadow .22s ease; } /* brilho */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4205385 .elementor-button::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3f90e1d .elementor-button::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4d95344 .elementor-button::before{ content:""; position:absolute; top:-70%; left:-60%; width:33%; height:240%; transform: rotate(20deg); background: linear-gradient( 90deg, transparent, rgba(89,52,126,.20), transparent ); transition: left .48s ease; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4205385 .elementor-button:hover, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3f90e1d .elementor-button:hover, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4d95344 .elementor-button:hover{ transform: translateY(-2px); box-shadow: 0 0 13px rgba(204,158,239,.18), 0 10px 23px rgba(0,0,0,.21); } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4205385 .elementor-button:hover::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3f90e1d .elementor-button:hover::before, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-4d95344 .elementor-button:hover::before{ left:135%; } /* ========================================================= FAQ 7144f8a ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a{ position:relative !important; z-index:5; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin: 56px 0 0 !important; padding: 31px 38px 37px !important; overflow:hidden !important; background: radial-gradient( circle at 92% 5%, rgba(144,91,190,.10), transparent 25% ), linear-gradient( 135deg, rgba(255,255,255,.06), rgba(255,255,255,.015) ) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius:18px !important; box-shadow: 0 18px 42px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.035) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); flex:none !important; } /* ========================================================= DETALHE ESQUERDO FAQ ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a::before{ content:""; position:absolute; z-index:4; top:28px; left:0; width:3px; height:62px; background: linear-gradient( 180deg, #d4a7ef, #704392 ); box-shadow: 0 0 12px rgba(195,140,232,.28); pointer-events:none; } /* ========================================================= GLOW FAQ ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a::after{ content:""; position:absolute; z-index:0; top:-100px; right:-100px; width:270px; height:270px; border-radius:50%; background: rgba(126,72,166,.09); filter: blur(65px); pointer-events:none; } /* ========================================================= TÍTULO FAQ 3d5b192 ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192{ position:relative !important; z-index:3; display:block !important; width:100% !important; max-width:100% !important; margin: 0 0 17px !important; padding: 19px 0 0 !important; text-align:left !important; flex:none !important; } /* kicker */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192::before{ content:"DÚVIDAS FREQUENTES"; position:absolute; top:0; left:0; color:#c69ae5; font-size:8px; line-height:1; font-weight:900; letter-spacing:2.3px; text-transform:uppercase; } /* headline */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192 .elementor-heading-title{ display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; color:#fff !important; font-size: clamp(39px,4.2vw,57px) !important; line-height:.92 !important; font-weight:900 !important; font-style:italic; letter-spacing:-2.4px !important; text-align:left !important; text-transform:uppercase; } /* ========================================================= WIDGET ACCORDION ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828{ position:relative !important; z-index:3; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; flex:none !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion{ display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:100% !important; gap:9px !important; margin:0 !important; padding:0 !important; } /* ========================================================= CADA FAQ ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item{ position:relative !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background: rgba(8,4,12,.18) !important; border: 1px solid rgba(191,137,228,.22) !important; border-radius:12px !important; box-shadow:none !important; transition: background .22s ease, border-color .22s ease, box-shadow .22s ease; } /* aberto */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item[open]{ background: linear-gradient( 135deg, rgba(78,43,105,.32), rgba(27,13,38,.24) ) !important; border-color: rgba(199,148,235,.31) !important; box-shadow: 0 8px 22px rgba(0,0,0,.08) !important; } /* ========================================================= HEADER DA PERGUNTA ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title{ position:relative !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:58px !important; height:auto !important; gap:16px !important; margin:0 !important; padding: 11px 12px 11px 14px !important; cursor:pointer !important; box-sizing:border-box !important; background: transparent !important; border:0 !important; overflow:visible !important; } /* ========================================================= TEXTO DA PERGUNTA ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-header{ order:1 !important; position:static !important; display:block !important; flex: 1 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; text-align:left !important; transform:none !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-text{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; color: rgba(255,255,255,.92) !important; font-size:12px !important; line-height:1.28 !important; font-weight:850 !important; letter-spacing:.05px !important; text-align:left !important; text-transform:uppercase !important; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; transform:none !important; } /* ========================================================= ÍCONE + / - ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-icon{ order:2 !important; position:static !important; display:flex !important; align-items:center !important; justify-content:center !important; flex: 0 0 34px !important; width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; max-width:34px !important; max-height:34px !important; margin:0 !important; padding:0 !important; color:#fff !important; background: rgba(255,255,255,.055) !important; border: 1px solid rgba(194,142,231,.27) !important; border-radius:50% !important; transform:none !important; transition: background .2s ease, border-color .2s ease; } /* hover */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon{ background: rgba(129,76,171,.22) !important; border-color: rgba(205,157,238,.40) !important; } /* ========================================================= ABERTO / FECHADO DOS ÍCONES ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-icon .e-opened, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-icon .e-closed{ position:static !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } /* fechado */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item:not([open]) .e-opened{ display:none !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item:not([open]) .e-closed{ display:flex !important; } /* aberto */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item[open] .e-opened{ display:flex !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item[open] .e-closed{ display:none !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-icon svg{ display:block !important; width:10px !important; height:10px !important; margin:auto !important; fill:currentColor !important; } /* ========================================================= RESPOSTA FAQ ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item > div[role="region"]{ position:relative !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding: 0 14px 14px !important; box-sizing:border-box !important; background: transparent !important; border:0 !important; flex:none !important; } /* separador da resposta */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item[open] > div[role="region"]::before{ content:""; display:block; width:100%; height:1px; margin: 0 0 11px; background: linear-gradient( 90deg, rgba(201,151,235,.26), rgba(255,255,255,.04), transparent ); } /* ========================================================= WIDGETS RESPOSTA ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ea3b035, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-e5cb423, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ae7b59d{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; flex:none !important; } /* ========================================================= TEXTO RESPOSTA ========================================================= */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ea3b035 p, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-e5cb423 p, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ae7b59d p{ display:block !important; width:100% !important; margin:0 !important; padding:0 !important; color: rgba(255,255,255,.63) !important; font-size:12px !important; line-height:1.55 !important; font-weight:400 !important; text-align:left !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; } /* ========================================================= ANIMAÇÃO PRODUTOS ========================================================= */ @keyframes vlossBuyFloat{ 0%, 100%{ transform: translateY(0); } 50%{ transform: translateY(-7px); } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-231e5d2{ padding: 75px 20px 78px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff{ gap:13px; padding-top: 130px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff::after{ font-size: clamp(39px,5vw,55px); } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f{ min-height:410px; padding: 20px 16px 18px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8{ height:235px; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1 img, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526 img{ max-height: 215px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8 img{ max-width: 125px !important; max-height: 220px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a{ margin-top: 48px !important; padding: 29px 27px 33px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192{ margin-bottom: 15px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192 .elementor-heading-title{ font-size: clamp(35px,5vw,48px) !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-231e5d2{ padding: 58px 14px 62px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2::before{ top:-60px; right:-115px; width:280px; height:190px; } /* ===================================================== COMPRA MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff{ display:flex !important; flex-direction:column !important; width:100% !important; gap:10px; padding-top: 116px !important; background-size: 27px 2px; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff::before{ padding-left:38px; font-size:7px; letter-spacing:1.9px; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff::after{ top:27px; font-size: clamp(31px,9.7vw,40px); line-height:.93; letter-spacing:-1.7px; } /* ===================================================== CARDS MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f{ width:100% !important; min-height:0 !important; padding: 19px 17px 18px !important; transform:none !important; border-radius:14px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95c0bb8:hover, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0ba113b:hover, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-0f6b90f:hover{ transform:none !important; } /* ===================================================== IMAGENS MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8{ width:100% !important; height:205px; margin: 9px 0 7px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-95ffed1 img, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-b05d526 img{ max-width: 275px !important; max-height: 195px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-30044f8 img{ max-width: 110px !important; max-height: 195px !important; } /* preço */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-5c371ca .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-1c080d2 .elementor-heading-title, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-bfedeb4 .elementor-heading-title{ font-size:27px; } /* ===================================================== FAQ MOBILE COM O ESPAÇO ARRUMADO ===================================================== */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a{ margin-top: 35px !important; padding: 21px 14px 23px !important; border-radius:13px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a::before{ top:20px; height:58px; } /* ===================================================== TÍTULO MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192{ margin: 0 0 12px !important; padding: 18px 0 0 !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192::before{ font-size:7px; letter-spacing:1.8px; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192 .elementor-heading-title{ font-size: clamp(29px,9vw,37px) !important; line-height:.93 !important; letter-spacing:-1.6px !important; } /* ===================================================== ACCORDION MOBILE ===================================================== */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion{ gap:7px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title{ min-height:54px !important; gap:9px !important; padding: 9px 10px 9px 12px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-text{ font-size:10px !important; line-height:1.25 !important; } /* ícone */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-icon{ flex: 0 0 31px !important; width:31px !important; height:31px !important; min-width:31px !important; min-height:31px !important; max-width:31px !important; max-height:31px !important; } /* resposta */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item > div[role="region"]{ padding: 0 12px 12px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item[open] > div[role="region"]::before{ margin-bottom: 8px; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ea3b035 p, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-e5cb423 p, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ae7b59d p{ font-size:10.8px !important; line-height:1.5 !important; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-231e5d2{ padding: 52px 12px 55px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff{ padding-top: 110px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-28566ff::after{ font-size:29px; } /* FAQ */ .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7144f8a{ margin-top: 30px !important; padding: 19px 11px 20px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192{ margin-bottom: 10px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-3d5b192 .elementor-heading-title{ font-size:27px !important; line-height:.94 !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title{ min-height:51px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-7f10828 .e-n-accordion-item-title-text{ font-size:9.4px !important; } .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ea3b035 p, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-e5cb423 p, .elementor-40 .elementor-element.elementor-element-231e5d2 .elementor-element-ae7b59d p{ font-size:10.4px !important; } } /* ========================================================= ACESSIBILIDADE ========================================================= */ @media(prefers-reduced-motion:reduce){ .elementor-40 .elementor-element.elementor-element-231e5d2 *, .elementor-40 .elementor-element.elementor-element-231e5d2 *::before, .elementor-40 .elementor-element.elementor-element-231e5d2 *::after{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e0fcd25 *//* ========================================================= VLOSS SPORTS — INSTAGRAM / REDES NOVO SITE CONTAINER PAI: e0fcd25 ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25{ --purple:#382359; --purple-dark:#211331; --purple-mid:#553675; --purple-light:#8d63b3; --lavender:#c7a5e2; --white:#ffffff; --text:#625b68; position:relative; display:grid !important; grid-template-columns: 45% 55%; align-items:stretch; width:100%; max-width:100%; min-height:620px; margin:0 !important; padding:0 !important; overflow:hidden; isolation:isolate; background: radial-gradient( circle at 12% 20%, rgba(56,35,89,.055), transparent 28% ), linear-gradient( 125deg, #fbfafc 0%, #f4f2f6 52%, #f9f8fa 100% ) !important; } /* ========================================================= HALFTONE ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25::before{ content:""; position:absolute; z-index:0; left:-120px; bottom:-100px; width:520px; height:330px; background-image: radial-gradient( circle, rgba(56,35,89,.72) 1.3px, transparent 1.6px ); background-size:10px 10px; opacity:.08; transform: rotate(11deg) skewX(-12deg); pointer-events:none; -webkit-mask-image: radial-gradient( ellipse, #000 0%, rgba(0,0,0,.74) 44%, transparent 76% ); mask-image: radial-gradient( ellipse, #000 0%, rgba(0,0,0,.74) 44%, transparent 76% ); } /* ========================================================= LINHA SUPERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25::after{ content:""; position:absolute; z-index:10; top:0; left:50%; transform:translateX(-50%); width:min(1180px,88%); height:1px; background: linear-gradient( 90deg, transparent, rgba(56,35,89,.22), transparent ); pointer-events:none; } /* ========================================================= COLUNA ESQUERDA 064941d ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-064941d{ position:relative; z-index:4; display:flex !important; align-items:center !important; justify-content:flex-end !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding: 80px 70px 80px max(36px, calc((100vw - 1180px) / 2)) !important; } /* ========================================================= CONTEÚDO INTERNO 3245d21 ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-3245d21{ position:relative; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:100% !important; max-width:465px !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* ========================================================= DETALHE TÉCNICO VERTICAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-3245d21::before{ content:""; position:absolute; left:-24px; top:7%; width:1px; height:86%; background: linear-gradient( 180deg, transparent, rgba(56,35,89,.18), transparent ); pointer-events:none; } /* ========================================================= INSTAGRAM 1804c70 ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70{ position:relative; width:auto !important; margin: 0 0 26px !important; } /* tag */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70::after{ content:"REDES / VLOSS"; position:absolute; left:76px; top:50%; transform:translateY(-50%); width:max-content; color:rgba(56,35,89,.43); font-size:8px; line-height:1; font-weight:900; letter-spacing:2px; text-transform:uppercase; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70 .elementor-icon{ position:relative; display:flex; align-items:center; justify-content:center; width:60px; height:60px; color:var(--purple); border: 1px solid rgba(56,35,89,.13); border-radius:50%; background: rgba(255,255,255,.70); box-shadow: 0 10px 25px rgba(56,35,89,.08), inset 0 1px 0 rgba(255,255,255,.95); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } /* anel externo */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70 .elementor-icon::before{ content:""; position:absolute; inset:-6px; border: 1px solid rgba(56,35,89,.065); border-radius:50%; pointer-events:none; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70 .elementor-icon:hover{ transform: translateY(-4px) rotate(-5deg); background:#fff; box-shadow: 0 15px 30px rgba(56,35,89,.13), 0 0 18px rgba(108,67,151,.10); } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70 svg{ width:27px; height:27px; fill:currentColor; } /* ========================================================= TÍTULO e7a3afe ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe{ position:relative; width:100% !important; margin: 0 0 23px !important; padding-top:20px; } /* barrinha */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe::before{ content:""; position:absolute; top:0; left:0; width:48px; height:3px; background: linear-gradient( 90deg, var(--purple), var(--purple-light) ); transform:skewX(-30deg); box-shadow: 0 0 9px rgba(56,35,89,.20); } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe .elementor-heading-title{ width:100% !important; margin:0; color:var(--purple); font-size: clamp(48px,4.6vw,67px); line-height:.91; font-weight:900; font-style:italic; letter-spacing:-3px; text-transform:uppercase; text-shadow: 0 10px 25px rgba(56,35,89,.065); } /* ========================================================= TEXTO 4efca42 ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-4efca42{ position:relative; width:100% !important; margin:0 !important; color:var(--text); font-size:12px; line-height:1.55; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; } /* ========================================================= @ VLOSS ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-4efca42::after{ content:"@VLOSSSPORTS"; display:block; width:max-content; margin-top:27px; padding: 11px 15px; color:var(--purple); font-size:9px; line-height:1; font-weight:900; letter-spacing:1.7px; border: 1px solid rgba(56,35,89,.16); background: rgba(255,255,255,.52); clip-path: polygon( 5% 0, 100% 0, 95% 100%, 0 100% ); box-shadow: 0 8px 20px rgba(56,35,89,.055); transition: transform .25s ease, background .25s ease, color .25s ease; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-4efca42:hover::after{ color:#fff; background:var(--purple); transform:translateY(-3px); } /* ========================================================= COLUNA DIREITA 73bee4e ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e{ position:relative; z-index:5; align-self:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:620px; margin:0 !important; padding:0 !important; overflow:hidden; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; clip-path: polygon( 7% 0, 100% 0, 100% 100%, 0 100% ); transition: background-size 1s ease, filter .6s ease; } /* ========================================================= VINHETA DA IMAGEM ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e::before{ content:""; position:absolute; inset:0; z-index:2; background: linear-gradient( 90deg, rgba(31,17,44,.30) 0%, rgba(31,17,44,.09) 17%, transparent 38% ); pointer-events:none; } /* ========================================================= LINHA DIAGONAL ROXA ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e::after{ content:""; position:absolute; z-index:4; left:4.2%; top:-10%; width:2px; height:120%; transform:rotate(5.2deg); background: linear-gradient( 180deg, transparent, rgba(153,103,197,.82), rgba(91,56,129,.40), transparent ); box-shadow: 0 0 14px rgba(110,68,153,.32); pointer-events:none; } /* ========================================================= HOVER FOTO ========================================================= */ .elementor-40 .elementor-element.elementor-element-e0fcd25:hover .elementor-element-73bee4e{ background-size:104% !important; filter: saturate(1.035) contrast(1.025); } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-40 .elementor-element.elementor-element-e0fcd25{ grid-template-columns: 48% 52%; min-height:560px; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-064941d{ padding: 65px 42px 65px 30px !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe .elementor-heading-title{ font-size:50px; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e{ min-height:560px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-e0fcd25{ display:flex !important; flex-direction:column !important; width:100% !important; min-height:0; overflow:hidden !important; } /* ===================================================== TEXTO ===================================================== */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-064941d{ order:1; width:100% !important; padding: 55px 18px 48px !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-3245d21{ width:100% !important; max-width:100% !important; align-items:flex-start !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-3245d21::before{ display:none; } /* Instagram */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70{ margin-bottom: 23px !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70 .elementor-icon{ width:54px; height:54px; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70 svg{ width:24px; height:24px; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-1804c70::after{ left:68px; font-size:7px; letter-spacing:1.5px; } /* ===================================================== TÍTULO ===================================================== */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe{ width:100% !important; margin-bottom: 19px !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe .elementor-heading-title{ width:100% !important; font-size: clamp(39px,12vw,48px); line-height:.91; letter-spacing:-2px; } /* ===================================================== TEXTO MENOR ===================================================== */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-4efca42{ font-size:10.5px; line-height:1.5; letter-spacing:1.1px; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-4efca42::after{ margin-top:21px; } /* ===================================================== FOTO ===================================================== */ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e{ order:2; width:100% !important; min-height:390px; clip-path: polygon( 0 7%, 100% 0, 100% 100%, 0 100% ); background-position:center center !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e::before{ background: linear-gradient( 180deg, rgba(31,17,44,.22), transparent 32% ); } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e::after{ display:none; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-064941d{ padding: 50px 15px 43px !important; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-e7a3afe .elementor-heading-title{ font-size:37px; } .elementor-40 .elementor-element.elementor-element-e0fcd25 .elementor-element-73bee4e{ min-height:340px; } } /* ========================================================= REDUZ MOVIMENTO ========================================================= */ @media(prefers-reduced-motion:reduce){ .elementor-40 .elementor-element.elementor-element-e0fcd25 *, .elementor-40 .elementor-element.elementor-element-e0fcd25 *::before, .elementor-40 .elementor-element.elementor-element-e0fcd25 *::after{ transition:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd5b6df *//* ========================================================= VLOSS SPORTS — FOOTER / CRÉDITOS CONTAINER PAI: dd5b6df ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df{ --purple:#382359; --purple-dark:#211331; --purple-deep:#120919; --lavender:#b995d4; position:relative; width:100%; max-width:100%; margin:0 !important; padding: 23px 24px !important; overflow:hidden; background: radial-gradient( circle at 82% 20%, rgba(138,87,184,.14), transparent 28% ), linear-gradient( 115deg, #211331 0%, #160c21 55%, #100716 100% ) !important; border:0 !important; isolation:isolate; } /* ========================================================= LINHA SUPERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df::before{ content:""; position:absolute; z-index:3; top:0; left:50%; transform:translateX(-50%); width:min(1180px,88%); height:1px; background: linear-gradient( 90deg, transparent, rgba(203,158,236,.45), transparent ); box-shadow: 0 0 10px rgba(190,135,231,.17); pointer-events:none; } /* ========================================================= HALFTONE DISCRETO ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df::after{ content:""; position:absolute; z-index:0; right:-80px; bottom:-70px; width:270px; height:160px; background-image: radial-gradient( circle, rgba(255,255,255,.70) 1px, transparent 1.3px ); background-size:9px 9px; opacity:.035; transform:rotate(-9deg); pointer-events:none; -webkit-mask-image: radial-gradient( ellipse, #000, transparent 72% ); mask-image: radial-gradient( ellipse, #000, transparent 72% ); } /* ========================================================= INNER ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df > .e-con-inner{ position:relative; z-index:4; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:1180px !important; min-height:46px; gap:11px; margin:0 auto !important; padding:0 !important; } /* ========================================================= "DESENVOLVIDO POR" e361064 ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-e361064{ width:auto !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-e361064 p{ margin:0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-e361064 a{ color: rgba(255,255,255,.52) !important; font-size:9px; line-height:1; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; text-decoration:none !important; transition:color .2s ease; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-e361064 a:hover{ color:#fff !important; } /* ========================================================= LOGO SHOUTLOUD 00b0a03 ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03{ position:relative; display:flex !important; align-items:center; justify-content:center; width:auto !important; flex:0 0 auto !important; margin:0 3px !important; padding:0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03 .elementor-widget-container{ display:flex; align-items:center; justify-content:center; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03 a{ display:flex; align-items:center; justify-content:center; padding:0; transition: transform .22s ease, opacity .22s ease; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03 img{ display:block; width:auto !important; height:auto !important; max-width:71px !important; max-height:36px !important; margin:0 !important; object-fit:contain; /* deixa a logo branca no footer escuro */ filter: brightness(0) invert(1); opacity:.92; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03 a:hover{ transform:translateY(-2px); opacity:.78; } /* ========================================================= SEPARADOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03::after{ content:""; display:block; width:1px; height:17px; margin-left:13px; background: rgba(255,255,255,.16); } /* ========================================================= SHOUTLOUD MARKETING & TECHNOLOGY fa91e2e ========================================================= */ .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e{ width:auto !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e p{ margin:0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e a{ color: rgba(255,255,255,.78) !important; font-size:10px; line-height:1; font-weight:700; letter-spacing:.35px; text-decoration:none !important; transition: color .2s ease, text-shadow .2s ease; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e a:hover{ color:#fff !important; text-shadow: 0 0 10px rgba(211,170,241,.25); } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-40 .elementor-element.elementor-element-dd5b6df{ padding: 22px 16px 24px !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df > .e-con-inner{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; min-height:0; gap:7px; text-align:center; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-e361064, .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03, .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e{ width:auto !important; margin:0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-e361064 a{ font-size:8px; letter-spacing:1.3px; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03{ margin: 3px 0 !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03 img{ max-width:82px !important; max-height:39px !important; } /* separador lateral não faz sentido empilhado */ .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-00b0a03::after{ display:none; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e a{ font-size:9px; line-height:1.3; } } /* ========================================================= MOBILE PEQUENO ========================================================= */ @media(max-width:390px){ .elementor-40 .elementor-element.elementor-element-dd5b6df{ padding: 20px 13px 22px !important; } .elementor-40 .elementor-element.elementor-element-dd5b6df .elementor-element-fa91e2e a{ font-size:8.5px; } }/* End custom CSS */