.elementor-781 .elementor-element.elementor-element-50f2f8a{--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;}.elementor-781 .elementor-element.elementor-element-50f2f8a:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-50f2f8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://tutoriais.tudodozero.com/wp-content/uploads/2026/04/Fundo_granulado2.png");}.elementor-781 .elementor-element.elementor-element-7b6719c{--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;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--flex-wrap:wrap;}.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-781 .elementor-element.elementor-element-417d539{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;top:-200px;}body:not(.rtl) .elementor-781 .elementor-element.elementor-element-417d539{right:15px;}body.rtl .elementor-781 .elementor-element.elementor-element-417d539{left:15px;}.elementor-781 .elementor-element.elementor-element-417d539 img{width:100%;}.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 );}body:not(.rtl) .elementor-781 .elementor-element.elementor-element-3f8ed26{left:30px;}body.rtl .elementor-781 .elementor-element.elementor-element-3f8ed26{right:30px;}.elementor-781 .elementor-element.elementor-element-3f8ed26{top:-200px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;color:#ECECEC;}.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-781 .elementor-element.elementor-element-ee60727 .elementor-button{background-color:#FFAA0000;border-radius:30px 30px 30px 30px;padding:16px 30px 16px 30px;}.elementor-781 .elementor-element.elementor-element-ee60727{padding:0px 0px 30px 0px;}.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-781 .elementor-element.elementor-element-6720c6e{width:var( --container-widget-width, 94% );max-width:94%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:94%;--container-widget-flex-grow:0;text-align:center;}.elementor-781 .elementor-element.elementor-element-6720c6e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:800;text-transform:uppercase;font-style:normal;line-height:1.3em;color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-ccca06c{width:var( --container-widget-width, 76% );max-width:76%;margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 00px) 0px;--container-widget-width:76%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;line-height:1.6em;color:#D6D6D6;}.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-781 .elementor-element.elementor-element-85c0deb{width:var( --container-widget-width, 24% );max-width:24%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:0px;}.elementor-781 .elementor-element.elementor-element-85c0deb.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-85c0deb.elementor-view-framed .elementor-icon, .elementor-781 .elementor-element.elementor-element-85c0deb.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon{font-size:52px;}.elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon i{transform:rotate(0deg);}.elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon-box-title, .elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon-box-title{color:#000000;}.elementor-781 .elementor-element.elementor-element-85c0deb .elementor-icon-box-description{color:#000000;}.elementor-781 .elementor-element.elementor-element-b97053c{width:var( --container-widget-width, 20% );max-width:20%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:0px;}.elementor-781 .elementor-element.elementor-element-b97053c.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-781 .elementor-element.elementor-element-b97053c.elementor-view-framed .elementor-icon, .elementor-781 .elementor-element.elementor-element-b97053c.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon{font-size:51px;}.elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon i{transform:rotate(0deg);}.elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon-box-title, .elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon-box-title{color:#000000;}.elementor-781 .elementor-element.elementor-element-b97053c .elementor-icon-box-description{color:#000000;}.elementor-781 .elementor-element.elementor-element-bf6514f{padding:0px 0px 30px 0px;}.elementor-781 .elementor-element.elementor-element-7ac443e{--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;}.elementor-781 .elementor-element.elementor-element-7ac443e:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-7ac443e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(160deg, #000000 0%, #2E2E2E 100%);}.elementor-781 .elementor-element.elementor-element-5163713{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-781 .elementor-element.elementor-element-7200f70{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;text-align:center;}.elementor-781 .elementor-element.elementor-element-7200f70 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:800;line-height:1.3em;color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-6097c59{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;line-height:1.6em;color:#D8D8D8;}.elementor-781 .elementor-element.elementor-element-cea27b3{--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;}.elementor-781 .elementor-element.elementor-element-cea27b3:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-cea27b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(160deg, #000000 0%, #2E2E2E 100%);}.elementor-781 .elementor-element.elementor-element-d1e42d6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-781 .elementor-element.elementor-element-e837f3f{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;}.elementor-781 .elementor-element.elementor-element-e837f3f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:800;line-height:1.3em;color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-d985bc7{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;line-height:1.6em;color:#D8D8D8;}.elementor-781 .elementor-element.elementor-element-c4227ec{--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;}.elementor-781 .elementor-element.elementor-element-c4227ec:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-c4227ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(160deg, #000000 0%, #2E2E2E 100%);}.elementor-781 .elementor-element.elementor-element-26a7d1e .elementor-heading-title{font-family:"Poetsen One", Sans-serif;font-size:100px;font-weight:600;color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-3821def{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:29px;font-weight:400;color:#E0E0E0;}.elementor-781 .elementor-element.elementor-element-d8354b0 .elementor-button{background-color:#FF9600;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#131313;color:#131313;border-radius:8px 8px 8px 8px;padding:16px 60px 16px 60px;}.elementor-781 .elementor-element.elementor-element-2a8b121{--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;}.elementor-781 .elementor-element.elementor-element-2a8b121:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-2a8b121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(160deg, #000000 0%, #2E2E2E 100%);}.elementor-781 .elementor-element.elementor-element-639ceb0 .elementor-heading-title{font-family:"Poetsen One", Sans-serif;font-size:100px;font-weight:600;color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-df77e0b{--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;}.elementor-781 .elementor-element.elementor-element-df77e0b:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-df77e0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-781 .elementor-element.elementor-element-8c00b25 .elementor-heading-title{font-family:"Poetsen One", Sans-serif;font-size:100px;font-weight:700;color:#252525;}.elementor-781 .elementor-element.elementor-element-9f8f252{--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;}.elementor-781 .elementor-element.elementor-element-9f8f252:not(.elementor-motion-effects-element-type-background), .elementor-781 .elementor-element.elementor-element-9f8f252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFB000;}.elementor-781 .elementor-element.elementor-element-7b3644f .elementor-heading-title{font-family:"Poetsen One", Sans-serif;font-size:100px;font-weight:700;color:#252525;}.elementor-781 .elementor-element.elementor-element-701aa46{--display:flex;}.elementor-781 .elementor-element.elementor-element-2944536{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;bottom:20px;text-align:end;}body:not(.rtl) .elementor-781 .elementor-element.elementor-element-2944536{right:20px;}body.rtl .elementor-781 .elementor-element.elementor-element-2944536{left:20px;}.elementor-781 .elementor-element.elementor-element-2944536 img{width:54%;}@media(min-width:461px){.elementor-781 .elementor-element.elementor-element-50f2f8a{--width:100vw;}.elementor-781 .elementor-element.elementor-element-7ac443e{--width:100vw;}.elementor-781 .elementor-element.elementor-element-cea27b3{--width:100vw;}.elementor-781 .elementor-element.elementor-element-c4227ec{--width:100vw;}.elementor-781 .elementor-element.elementor-element-2a8b121{--width:100vw;}.elementor-781 .elementor-element.elementor-element-df77e0b{--width:100vw;}.elementor-781 .elementor-element.elementor-element-9f8f252{--width:100vw;}}@media(max-width:1440px){.elementor-781 .elementor-element.elementor-element-7200f70{text-align:center;}.elementor-781 .elementor-element.elementor-element-e837f3f{text-align:center;}.elementor-781 .elementor-element.elementor-element-26a7d1e{text-align:center;}.elementor-781 .elementor-element.elementor-element-3821def{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;font-size:26px;}.elementor-781 .elementor-element.elementor-element-639ceb0{text-align:center;}}@media(max-width:834px){.elementor-781 .elementor-element.elementor-element-7b6719c{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-781 .elementor-element.elementor-element-7200f70{text-align:center;}.elementor-781 .elementor-element.elementor-element-7200f70 .elementor-heading-title{font-size:90px;}.elementor-781 .elementor-element.elementor-element-e837f3f{text-align:center;}.elementor-781 .elementor-element.elementor-element-e837f3f .elementor-heading-title{font-size:90px;}.elementor-781 .elementor-element.elementor-element-26a7d1e{text-align:center;}.elementor-781 .elementor-element.elementor-element-26a7d1e .elementor-heading-title{font-size:90px;}.elementor-781 .elementor-element.elementor-element-3821def{--container-widget-width:82%;--container-widget-flex-grow:0;width:var( --container-widget-width, 82% );max-width:82%;font-size:20px;}.elementor-781 .elementor-element.elementor-element-639ceb0{text-align:center;}.elementor-781 .elementor-element.elementor-element-639ceb0 .elementor-heading-title{font-size:90px;}.elementor-781 .elementor-element.elementor-element-8c00b25{text-align:center;}.elementor-781 .elementor-element.elementor-element-8c00b25 .elementor-heading-title{font-size:90px;}.elementor-781 .elementor-element.elementor-element-7b3644f{text-align:center;}.elementor-781 .elementor-element.elementor-element-7b3644f .elementor-heading-title{font-size:90px;}}@media(max-width:460px){.elementor-781 .elementor-element.elementor-element-7200f70 .elementor-heading-title{font-size:48px;}.elementor-781 .elementor-element.elementor-element-e837f3f .elementor-heading-title{font-size:48px;}.elementor-781 .elementor-element.elementor-element-26a7d1e .elementor-heading-title{font-size:48px;}.elementor-781 .elementor-element.elementor-element-3821def{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}.elementor-781 .elementor-element.elementor-element-639ceb0 .elementor-heading-title{font-size:48px;}.elementor-781 .elementor-element.elementor-element-8c00b25 .elementor-heading-title{font-size:48px;}.elementor-781 .elementor-element.elementor-element-7b3644f .elementor-heading-title{font-size:48px;}}/* Start custom CSS for button, class: .elementor-element-ee60727 *//* ══════════════════════════════════════
   BOTÃO — borda estelar + reflexo vidro
══════════════════════════════════════ */

@property --btn-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* ── REPOUSO ── */
.btn-star-border .elementor-button,
.btn-star-border a.elementor-button {
  position: relative !important;
  overflow: hidden !important; /* ← necessário para clipar o reflexo */

  background:
    linear-gradient(#0d0d0d, #0d0d0d) padding-box,
    conic-gradient(
      from var(--btn-angle),
      transparent  0%,
      transparent 28%,
      #b8842a     42%,
      #ffffff     52%,
      #c8e8ff     59%,
      #ffffff     65%,
      transparent 78%,
      transparent 100%
    ) border-box !important;

  border: 2px solid transparent !important;
  border-radius: 50px !important;
  color: #e8e8e8 !important;

  animation: btn-cometa 4s linear infinite;

  box-shadow:
    0 0  8px rgba(184, 132, 42, 0.30),
    0 0 18px rgba(200, 232, 255, 0.08);

  transition: box-shadow 0.5s ease, transform 0.4s ease;
}

@keyframes btn-cometa {
  to { --btn-angle: 360deg; }
}

/* ── REFLEXO DE VIDRO — pseudo-elemento ── */
.btn-star-border .elementor-button::before,
.btn-star-border a.elementor-button::before {
  content: '';
  position: absolute;
  top: -60%;
  left: -160%;       /* começa fora do botão, à esquerda */
  width: 80%;
  height: 220%;
  background: linear-gradient(
    108deg,
    transparent              0%,
    transparent             28%,
    rgba(255,255,255,0.03)  40%,
    rgba(255,255,255,0.13)  50%,  /* faixa brilhante central */
    rgba(255,255,255,0.03)  60%,
    transparent             72%,
    transparent            100%
  );
  transform: skewX(-18deg);
  pointer-events: none;
  z-index: 2;
  /* Sem animação em repouso */
}

/* ── HOVER — reflexo desliza + contorno um toque mais lento ── */
.btn-star-border .elementor-button:hover,
.btn-star-border a.elementor-button:hover {

  /* Contorno: ligeiramente mais lento (mais elegante) */
  animation-duration: 5.5s !important;

  /* Glow interior suave — dá a sensação de vidro iluminado */
  box-shadow:
    0 0 18px rgba(184, 132, 42, 0.45),
    0 0 35px rgba(184, 132, 42, 0.18),
    0 0 55px rgba(200, 232, 255, 0.10),
    inset 0 0 22px rgba(255, 255, 255, 0.05) !important;

  transform: scale(1.03) !important;
  color: #ffffff !important;
}

/* Reflexo desliza da esquerda pra direita */
.btn-star-border .elementor-button:hover::before,
.btn-star-border a.elementor-button:hover::before {
  animation: glass-sweep 2.75s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes glass-sweep {
  from { left: -160%; }
  to   { left:  170%; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6720c6e *//* ── EFEITO POEIRA ── */

.texto-fragmentado {
  visibility: hidden; /* oculta até o JS iniciar */
}

.frag-char {
  display: inline-block;
  will-change: transform, opacity, filter;
}

.frag-space {
  display: inline !important;
}

/* Entrada: poeira que se solidifica */
.dust-enter .frag-char:not(.frag-space) {
  animation: dust-in 1100ms cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: var(--delay, 0ms);
}

@keyframes dust-in {
  0% {
    opacity: 0;
    filter: blur(22px);
    transform: scale(1.5) translateY(var(--drift, -6px));
    text-shadow:
      0 0 30px rgba(255, 255, 255, 0.95),
      0 0 60px rgba(200, 232, 255, 0.5);
  }
  40% {
    opacity: 0.55;
    filter: blur(9px);
    transform: scale(1.12) translateY(-2px);
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.45);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1) translateY(0px);
    text-shadow: none;
  }
}

/* Estado estável */
.dust-assembled .frag-char:not(.frag-space) {
  opacity: 1;
  filter: blur(0);
  transform: none;
  text-shadow: none;
}

/* Saída: dissolve em poeira ao mergulhar no túnel */
.dust-exit .frag-char:not(.frag-space) {
  animation: dust-out 650ms cubic-bezier(0.55, 0, 1, 0.45) forwards;
  animation-delay: var(--delay-out, 0ms);
}

@keyframes dust-out {
  0% {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1) translateY(0);
    text-shadow: none;
  }
  45% {
    opacity: 0.5;
    filter: blur(10px);
    transform: scale(1.1) translateY(-3px);
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.4);
  }
  100% {
    opacity: 0;
    filter: blur(22px);
    transform: scale(1.45) translateY(var(--drift, -6px));
    text-shadow:
      0 0 28px rgba(255, 255, 255, 0.8),
      0 0 55px rgba(200, 232, 255, 0.4);
  }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-85c0deb *//* BOTÃO PORTFÓLIO  */

.btn-portfolio .elementor-icon-box-wrapper {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 100px !important;
  background: #FFFFFF !important;
  border: 2px solid #b0b0b0 !important;
  cursor: pointer;
  padding: 3px !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
}

/* Fundo escuro — expande da direita para a esquerda */
.btn-portfolio .elementor-icon-box-wrapper::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 58px;
  border-radius: 100px;
  background: #111111;
  transition: width 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 0;
}

.btn-portfolio .elementor-icon-box-wrapper:hover::before {
  width: 100%;
}

/* ─── Ícone ─── */
.btn-portfolio .elementor-icon-box-icon {
  position: relative;
  z-index: 5;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50%;
  margin: 0 !important;
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.btn-portfolio .elementor-icon-box-wrapper:hover .elementor-icon-box-icon {
  transform: translateX(var(--icon-shift, -200px));
}

/* ─── Conteúdo (texto principal) ─── */
.btn-portfolio .elementor-icon-box-content {
  position: relative;
  z-index: 2;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 0px !important; /* ← só nas laterais */
}

.btn-portfolio .elementor-icon-box-title,
.btn-portfolio .elementor-icon-box-title a {
  color: #1a1a1a !important;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: opacity 0.20s ease 0.03s, transform 0.20s ease;
}

.btn-portfolio .elementor-icon-box-wrapper:hover .elementor-icon-box-title,
.btn-portfolio .elementor-icon-box-wrapper:hover .elementor-icon-box-title a {
  opacity: 0 !important;
  transform: translateX(18px);
}

/* ─── Texto que aparece no fundo escuro ao fazer hover ─── */
.btn-portfolio .elementor-icon-box-wrapper::after {
  content: "Orçamento Gratuito";
  position: absolute;
  left: 70px;
  right: 55px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  white-space: nowrap;
  opacity: 0;
  z-index: 3;
  pointer-events: none;
  transition: opacity 0.25s ease 0.01s;
}

.btn-portfolio .elementor-icon-box-wrapper:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b97053c *//* BOTÃO PORTFÓLIO  */

.btn-portfolio2 .elementor-icon-box-wrapper {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 100px !important;
  background: #0B0B0B !important;
  border: 2px solid #FFFFFF !important;
  cursor: pointer;
  padding: 3px !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
}

/* Fundo escuro — expande da direita para a esquerda */
.btn-portfolio2 .elementor-icon-box-wrapper::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 57px;
  border-radius: 100px;
  background: #FFFFFF;
  transition: width 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 0;
}

.btn-portfolio2 .elementor-icon-box-wrapper:hover::before {
  width: 100%;
}

/* ─── Ícone ─── */
.btn-portfolio2 .elementor-icon-box-icon {
  position: relative;
  z-index: 5;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50%;
  margin: 0 !important;
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.btn-portfolio2 .elementor-icon-box-wrapper:hover .elementor-icon-box-icon {
  transform: translateX(var(--icon-shift, -200px));
}

/* ─── Conteúdo (texto principal) ─── */
.btn-portfolio2 .elementor-icon-box-content {
  position: relative;
  z-index: 2;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 0px !important; /* ← só nas laterais */
}

.btn-portfolio2 .elementor-icon-box-title,
.btn-portfolio2 .elementor-icon-box-title a {
  color: #FFFFFF !important;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: opacity 0.20s ease 0.03s, transform 0.20s ease;
}

.btn-portfolio2 .elementor-icon-box-wrapper:hover .elementor-icon-box-title,
.btn-portfolio2 .elementor-icon-box-wrapper:hover .elementor-icon-box-title a {
  opacity: 0 !important;
  transform: translateX(18px);
}

/* ─── Texto que aparece no fundo escuro ao fazer hover ─── */
.btn-portfolio2 .elementor-icon-box-wrapper::after {
  content: "Acessar Portfólio";
  position: absolute;
  left: 60px;
  right: 65px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #0B0B0B;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  white-space: nowrap;
  opacity: 0;
  z-index: 3;
  pointer-events: none;
  transition: opacity 0.25s ease 0.01s;
}

.btn-portfolio2 .elementor-icon-box-wrapper:hover::after {
  opacity: 1;
}/* End custom CSS */