.elementor-93300 .elementor-element.elementor-element-2203128{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-93300 .elementor-element.elementor-element-2203128:not(.elementor-motion-effects-element-type-background), .elementor-93300 .elementor-element.elementor-element-2203128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xperiun.com/wp-content/uploads/2025/04/n8n_background-pattern.webp");background-position:center center;background-repeat:repeat;background-size:40px auto;}.elementor-93300 .elementor-element.elementor-element-2203128.e-con{--align-self:center;}.elementor-93300 .elementor-element.elementor-element-fcefdeb{--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;--z-index:12;}.elementor-93300 .elementor-element.elementor-element-11deb65{z-index:2;}.elementor-93300 .elementor-element.elementor-element-1264c9f{z-index:2;}.elementor-93300 .elementor-element.elementor-element-1df5503{z-index:2;}.elementor-93300 .elementor-element.elementor-element-33c75d9{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-93300 .elementor-element.elementor-element-8958b8a{padding:16px 0px 16px 0px;text-align:center;}.elementor-93300 .elementor-element.elementor-element-8958b8a .elementor-heading-title{font-size:2rem;font-weight:200;color:#F5F5FF;}.elementor-93300 .elementor-element.elementor-element-46abf3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-93300:not(.elementor-motion-effects-element-type-background), body.elementor-page-93300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A14;}body.elementor-page-93300{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-93300 .elementor-element.elementor-element-2203128{--content-width:544px;}}@media(max-width:1024px) and (min-width:768px){.elementor-93300 .elementor-element.elementor-element-33c75d9{--width:calc(50% - 16px);}}@media(min-width:1367px){.elementor-93300 .elementor-element.elementor-element-2203128:not(.elementor-motion-effects-element-type-background), .elementor-93300 .elementor-element.elementor-element-2203128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-93300 .elementor-element.elementor-element-2203128{--padding-top:104px;--padding-bottom:152px;--padding-left:0px;--padding-right:0px;}.elementor-93300 .elementor-element.elementor-element-33c75d9{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:0px;}.elementor-93300 .elementor-element.elementor-element-8958b8a .elementor-heading-title{font-size:1.5rem;}}@media(max-width:767px){.elementor-93300 .elementor-element.elementor-element-2203128{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-93300 .elementor-element.elementor-element-33c75d9{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-93300 .elementor-element.elementor-element-8958b8a{padding:0px 16px 0px 16px;text-align:center;}.elementor-93300 .elementor-element.elementor-element-8958b8a .elementor-heading-title{font-size:1.25rem;}}/* Start custom CSS for container, class: .elementor-element-fcefdeb */.progresso::before {
    content: "";
    position: absolute;
    width: calc(100% - 32px);
    height: 4px;
    background-color: rgba(150, 200, 255, 0.15); /* tom suave do azul base */
    top: calc(50% - 2px - 6px);
    left: 16px;
    margin: 0;
    border-radius: 8px;
    z-index: 0;
}

.progresso::after {
    content: "";
    position: absolute;
    width: calc(100% - 32px);
    height: 4px;
    background-image: linear-gradient(90deg, #96C8FF, #4DA6FF); /* gradiente azul */
    top: calc(50% - 2px - 6px);
    left: 16px;
    margin: 0;
    border-radius: 8px;
    z-index: 0;
    transition: width 0.5s ease-in-out;
}

.circuloA,
.circuloB,
.circuloC {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", Sans-Serif;
    font-size: 1rem;
    line-height: 1em;
    font-weight: 400;
    color: #0A0A14;
    position: relative;
}

.circuloA {
    background-color: #E6F0FF; /* tom claro da base azul */
}

.circuloB {
    background-color: #E6F0FF; /* tom claro da base azul */
}
.circuloC {
    background-color: #96C8FF;
    animation: 1.5s playShadow ease-out infinite;
}

@keyframes playShadow {
    0% {
        box-shadow: 0 0 0 0px rgba(150, 200, 255, 1), 0 0 0 0px rgba(150, 200, 255, 0.5);
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 0px rgba(150, 200, 255, 0.5), 0 0 0 0px rgba(150, 200, 255, 0.25);
    }
    100% {
        box-shadow: 0 0 0 16px rgba(150, 200, 255, 0), 0 0 0 32px rgba(150, 200, 255, 0);
        transform: scale(1);
    }
}


.circuloA::after,
.circuloB::after,
.circuloC::after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1em;
    color: #F5F5FF;
    top: auto;
    bottom: -12px;
    left: calc(50% - 64px);
    width: 128px;
    height: 12px;
}

.circuloA::after {
    content: "Iniciada";
}

.circuloB::after {
    content: "Grupo VIP";
}

.circuloC::after {
    content: "Confirmado";
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8958b8a */.elementor-93300 .elementor-element.elementor-element-8958b8a h2 {
    max-width: 36ch;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2203128 */.elementor-93300 .elementor-element.elementor-element-2203128::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(20,20,30,0), rgba(20,20,30,1) 90%);
    z-index: 0;
}

selctor {
    position: relative;
}

.elementor-93300 .elementor-element.elementor-element-2203128::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(20,20,30,0), rgba(20,20,30,1) 90%);
    z-index: 0;
}

.elementor-93300 .elementor-element.elementor-element-2203128::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(10,10,20,0.9), rgba(10,10,20,1), rgba(10,10,20,0.9));
}

selctor {
    position: relative;
}/* End custom CSS */
/* Start custom CSS */.titulos-degrades {
  background: -webkit-linear-gradient(180deg, #FF6464, #C80000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subtitulos-degrades-amarelos h3 {
      background: -webkit-linear-gradient(180deg, #FFE100, #FF9600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titulos-degrades-escuros {
  background: -webkit-linear-gradient(180deg, #197DFF, #004B9B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subtitulos-degrades h3 {
  background: -webkit-linear-gradient(180deg, #96C8FF, #F5F5FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
}

p:last-child {
    margin-bottom: 0;
}

.box-numerico.box-numerico-impar,
.box-numerico.box-numerico-par {
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    opacity: 0.5; 
}

.box-numerico.box-numerico-impar {
    left: -432px;
    justify-content: right;
}

.box-numerico.box-numerico-par {
    left: auto;
    right: -432px;
    justify-content: left;
}

.box-numerico::after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    height: 2px;
    width: calc(100% - 32px);
    background-image: linear-gradient(90deg, rgba(245,245,255,0) 0%, rgba(245,245,255,0.1) 25%, rgba(245,245,255,0.1) 75%, rgba(245,245,255,0) 100%);
}

@media(max-width: 767px) {
    .box-numerico.box-numerico-impar,
    .box-numerico.box-numerico-par {
        position: relative !important;
        width: 64px;
        height: auto;
        top: auto;
        left: auto;
        right: auto;
        justify-content: center;
        background-image: none !important;
    }
        
    .box-numerico::after {
        display: none;
    }
}


.box-numerico h4 {
  background: -webkit-linear-gradient(270deg, #005A99, #0F1E33);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   display: block;
}

.info-box-numerico::after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    height: 2px;
    width: calc(100% - 32px);
    background-image: linear-gradient(90deg, rgba(245,245,255,0) 0%, rgba(245,245,255,0.1) 25%, rgba(245,245,255,0.1) 75%, rgba(245,245,255,0) 100%);
}

.info-box-numerico {
    max-width: 544px !important;
}

.box-numerico-par::before,
.box-numerico-impar::before {
    content: "";
    position: absolute;
    top: -64px;
    width: 144px;
    height: 144px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23f5f5ff'%3E%3Cpath d='M581.54-119.23Q471.46-165.69 406.5-263.77q-64.96-98.08-64.96-217.15 0-95.62 44.08-179.81Q429.69-744.92 508-800H338.46v-40h243.08v243.08h-40v-179.54q-75.46 48.69-117.73 126.81-42.27 78.11-42.27 167.96 0 102.77 54 188.27 54 85.5 146 130.27v43.92Z'/%3E%3C/svg%3E");
    background-size: 100%;
    opacity: 0.05;
}

.box-numerico-par::before {
    transform: rotate(180deg);
    left: auto;
    right: 144px;
}

.box-numerico-impar::before {
    transform: scaleY(-1);
    left: 144px;
}

@media(max-width: 767px) {
.box-numerico-par::before,
.box-numerico-impar::before {
    display: none;
}

.info-box-numerico {
    max-width: 100% !important;
}

}/* End custom CSS */