.elementor-4774 .elementor-element.elementor-element-c64d830{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:38em;--padding-bottom:17em;--padding-left:0em;--padding-right:0em;}.elementor-4774 .elementor-element.elementor-element-c64d830:not(.elementor-motion-effects-element-type-background), .elementor-4774 .elementor-element.elementor-element-c64d830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xperdesign.com.br/wp-content/uploads/2024/01/BASE-1-PC-BLACK.jpg-2-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4774 .elementor-element.elementor-element-c64d830.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-4774 .elementor-element.elementor-element-abf0759{left:238.997px;}body.rtl .elementor-4774 .elementor-element.elementor-element-abf0759{right:238.997px;}.elementor-4774 .elementor-element.elementor-element-abf0759{top:133.989px;}body:not(.rtl) .elementor-4774 .elementor-element.elementor-element-aca4656{left:1251.997px;}body.rtl .elementor-4774 .elementor-element.elementor-element-aca4656{right:1251.997px;}.elementor-4774 .elementor-element.elementor-element-aca4656{top:119.994px;}.elementor-4774 .elementor-element.elementor-element-78a2561{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4774 .elementor-element.elementor-element-de29ab6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4774 .elementor-element.elementor-element-c1744d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:9em;--padding-bottom:9em;--padding-left:0em;--padding-right:0em;}.elementor-4774 .elementor-element.elementor-element-c1744d9:not(.elementor-motion-effects-element-type-background), .elementor-4774 .elementor-element.elementor-element-c1744d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4774 .elementor-element.elementor-element-ae595f9 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-ae595f9{text-align:center;font-family:"Sora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-accent );}.elementor-4774 .elementor-element.elementor-element-25c8e16 > .elementor-widget-container{margin:-1em 0em 0em 0em;padding:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-25c8e16{text-align:center;}.elementor-4774 .elementor-element.elementor-element-25c8e16 .elementor-heading-title{font-family:"Sora", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-4774 .elementor-element.elementor-element-cfbca21 > .elementor-widget-container{margin:0em -1em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-78432bd > .elementor-widget-container{margin:0em -1em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-a854eb6{z-index:1;}.elementor-4774 .elementor-element.elementor-element-3d47d34{z-index:1;}.elementor-4774 .elementor-element.elementor-element-6a14739 > .elementor-widget-container{margin:1em 1em 1em 1em;}.elementor-4774 .elementor-element.elementor-element-6a14739{z-index:1;}.elementor-4774 .elementor-element.elementor-element-7b7cd19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4774 .elementor-element.elementor-element-7b7cd19:not(.elementor-motion-effects-element-type-background), .elementor-4774 .elementor-element.elementor-element-7b7cd19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4774 .elementor-element.elementor-element-aa14cac > .elementor-widget-container{padding:2em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-aa14cac img{width:4%;}.elementor-4774 .elementor-element.elementor-element-4ab1d36{text-align:center;color:#717171;}body.elementor-page-4774:not(.elementor-motion-effects-element-type-background), body.elementor-page-4774 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-4774 .elementor-element.elementor-element-c64d830{--width:99.712%;}}@media(max-width:1366px){body:not(.rtl) .elementor-4774 .elementor-element.elementor-element-abf0759{left:-59.013px;}body.rtl .elementor-4774 .elementor-element.elementor-element-abf0759{right:-59.013px;}.elementor-4774 .elementor-element.elementor-element-abf0759{top:41.973px;}}@media(max-width:1024px){body:not(.rtl) .elementor-4774 .elementor-element.elementor-element-abf0759{left:-80.96px;}body.rtl .elementor-4774 .elementor-element.elementor-element-abf0759{right:-80.96px;}.elementor-4774 .elementor-element.elementor-element-abf0759{top:-10.006px;}.elementor-4774 .elementor-element.elementor-element-abf0759 img{width:90%;}}@media(max-width:767px){.elementor-4774 .elementor-element.elementor-element-c64d830:not(.elementor-motion-effects-element-type-background), .elementor-4774 .elementor-element.elementor-element-c64d830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xperdesign.com.br/wp-content/uploads/2024/01/BASE-1-mobile-BLACK-2.jpg");}.elementor-4774 .elementor-element.elementor-element-c64d830{--padding-top:41em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}body:not(.rtl) .elementor-4774 .elementor-element.elementor-element-abf0759{left:11.469px;}body.rtl .elementor-4774 .elementor-element.elementor-element-abf0759{right:11.469px;}.elementor-4774 .elementor-element.elementor-element-abf0759{top:25.918px;}.elementor-4774 .elementor-element.elementor-element-abf0759 img{width:47%;}.elementor-4774 .elementor-element.elementor-element-78a2561{--margin-top:-72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4774 .elementor-element.elementor-element-de29ab6{--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4774 .elementor-element.elementor-element-c1744d9{--padding-top:4em;--padding-bottom:9em;--padding-left:0em;--padding-right:0em;}.elementor-4774 .elementor-element.elementor-element-ae595f9{font-size:11px;}.elementor-4774 .elementor-element.elementor-element-25c8e16 > .elementor-widget-container{margin:-2em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-25c8e16 .elementor-heading-title{font-size:20px;}.elementor-4774 .elementor-element.elementor-element-cfbca21 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-78432bd > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-a854eb6 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-3d47d34 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-6a14739 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-4774 .elementor-element.elementor-element-7b7cd19{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4774 .elementor-element.elementor-element-aa14cac img{width:17%;}.elementor-4774 .elementor-element.elementor-element-4ab1d36{font-size:12px;}}/* Start custom CSS for image, class: .elementor-element-abf0759 */.nome {
    height: 124px;
    width: 124px;
    position: absolute !important;
    bottom: 50%;
    right: 50%;
    transition: all 0.8s;
    animation: floating1 12s infinite;
    /* A duração da animação foi ajustada para 12s */
}

@keyframes floating1 {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(0);
    }

    50% {
        transform: translate3d(50px, 50px, 50px) rotate(2deg);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aca4656 */.wp-image-414 {
    height: 124px;
    width: 124px;
    position: absolute !important;
    bottom: 20%;
    right: 50%;
    transition: all 0.8s;
    animation: floating2 12s infinite;
}

@keyframes floating2 {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-50px);
        /* Move para cima */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78a2561 *//* DESKTOP */
@media screen and (min-width: 430px) and (max-width: 5920px){
    .elementor-4774 .elementor-element.elementor-element-78a2561{
    transform: rotate(2deg);
    max-width: 120%;
    filter: blur(2px);
    -webkit-filter:blur(2px);
}
}

/* DESKTOP */
@media screen and (max-width: 429px){
    .elementor-4774 .elementor-element.elementor-element-78a2561{
    transform: rotate(6deg);
    max-width: 180%;
    filter: blur(2px);
    -webkit-filter:blur(2px);
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de29ab6 *//* DESKTOP */
@media screen and (min-width: 430px) and (max-width: 5920px){
    .elementor-4774 .elementor-element.elementor-element-de29ab6{
    transform: rotate(-5deg);
    max-width: 120%;
}
    
}


/* DESKTOP */
@media screen and  (max-width: 429px){
    .elementor-4774 .elementor-element.elementor-element-de29ab6{
    transform: rotate(-6deg);
    max-width: 120%;
}
    
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cfbca21 */.scroll-left {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(-30px, 0, 0);
}

.scroll-right {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(30px, 0, 0);
}

.scroll-top {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(0, -80px, 0);
}

.scroll-bottom {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(0, 80px, 0);
}

.ativo {
    opacity: 1;
    transition: 0.5s all;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78432bd */.scroll-left {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(-30px, 0, 0);
}

.scroll-right {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(30px, 0, 0);
}

.scroll-top {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(0, -80px, 0);
}

.scroll-bottom {
    opacity: 0;
    transition: 0.5s all;
    filter: blur(12px);
    transform: translate3d(0, 80px, 0);
}

.ativo {
    opacity: 1;
    transition: 0.5s all;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a984f0 *//* DESKTOP */
@media screen and (min-width: 1026px) and (max-width: 1920px){
    .elementor-4774 .elementor-element.elementor-element-0a984f0::before{
    content:"";
    position:absolute;
    top: -2067px;
    left: 460px;
    width: 100px;
    height: 100px;
    background: #ffc188;
    transform: scale(0.50);
    filter:blur(25px);
    border-radius:600%;
    pointer-events: none;
    mix-blend-mode: screen;
    animation: movebrilho 3s infinite;
}


@keyframes movebrilho{
    0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
}

/* laptop */
@media screen and (max-width: 360px){
    .elementor-4774 .elementor-element.elementor-element-0a984f0::before{
    content:"";
    position:absolute;
    top: -1727px;
    left: 160px;
    width: 100px;
    height: 100px;
    background: #ffc188;
    transform: scale(0.40);
    filter:blur(25px);
    border-radius:600%;
    pointer-events: none;
    mix-blend-mode: screen;
    animation: movebrilho 3s infinite;
}


@keyframes movebrilho{
    0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
}/* End custom CSS */
/* Start custom CSS *//* LARGURA ÚTIL AUTOMÁTICA */

/* WIDESCREEN E DESKTOP */
@media (min-width: 1367px) {
    .e-con {
        --content-width: 1280px;
    }
}

/* LAPTOP */
@media (min-width: 1201px) and (max-width: 1366px) {
    .e-con {
        --content-width: 1100px;
    }
}

/* TABLET PAISAGEM */
@media (min-width: 1025px) and (max-width: 1200px) {
    .e-con {
        --content-width: 924px;
    }
}

/* TABLET RETRATO */
@media (min-width: 881px) and (max-width: 1024px) {
    .e-con {
        --content-width: 780px;
    }
}

/* CELULAR PAISAGEM */
@media (min-width: 768px) and (max-width: 880px) {
    .e-con {
        --content-width: 728px;
    }
}

/* CELULAR RETRATO */
@media (max-width: 767px) {
    .e-con {
        --content-width: 360px;
    }
}



/* DESKTOP */
@media screen and (min-width: 430px) and (max-width: 5920px){
    html, body{
    overflow-x: hidden;
    max-width: 100%;
}

/*CONTAINER PAI*/
.text-wrapper {
    display: flex;
    padding-top: 8px
}

/*FAIXA NUMERO 1*/
#text-wrapper1 {
    background: #ffc188;
}
/*FAIXA NUMERO 2*/
#text-wrapper2 {
    background: #1a0e0b;
}

/*TEXTO INTERNO DA FAIXA*/
.text-wrapper h1{
    white-space: nowrap;
    font-family: "Sora";
    font-size: 20px;
    text-transform: uppercase;
    display: inline;
}

/*TEXTO DA FAIXA NUMERO 1*/
#text-wrapper1 h1 {
    color: #1a0e0b;
    animation: animafaixa 5s linear infinite;
}

/*TEXTO DA FAIXA NUMERO 2*/
#text-wrapper2 h1 {
    color: #ffc188;
    animation: animafaixa 2s linear infinite reverse;
}

/*animação*/
@keyframes animafaixa {
    0% {
        transform: translateX(0%);
    } 100% {
        transform: translate(-100%);
    }
}
        
    }
    
    /* DESKTOP */
@media screen and (max-width: 429px){
    html, body{
    overflow-x: hidden;
    max-width: 100%;
}

/*CONTAINER PAI*/
.text-wrapper {
    display: flex;
    padding-top: 8px
}

/*FAIXA NUMERO 1*/
#text-wrapper1 {
    background: #ffc188;
}
/*FAIXA NUMERO 2*/
#text-wrapper2 {
    background: #1a0e0b;
}

/*TEXTO INTERNO DA FAIXA*/
.text-wrapper h1{
    white-space: nowrap;
    font-family: "Sora";
    font-size: 13px;
    text-transform: uppercase;
    display: inline;
}

/*TEXTO DA FAIXA NUMERO 1*/
#text-wrapper1 h1 {
    color: #1a0e0b;
    animation: animafaixa 5s linear infinite;
}

/*TEXTO DA FAIXA NUMERO 2*/
#text-wrapper2 h1 {
    color: #ffc188;
    animation: animafaixa 2s linear infinite reverse;
}

/*animação*/
@keyframes animafaixa {
    0% {
        transform: translateX(0%);
    } 100% {
        transform: translate(-100%);
    }
}
        
    }/* End custom CSS */