.elementor-2 .elementor-element.elementor-element-eccf303{--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:50px;}.elementor-2 .elementor-element.elementor-element-f11e4a6{--display:flex;--min-height:745px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-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-2 .elementor-element.elementor-element-42d1416{width:var( --container-widget-width, 63% );max-width:63%;margin:-500px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;}.elementor-2 .elementor-element.elementor-element-42d1416.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-42d1416 .elementor-heading-title{font-family:"Thoge", Sans-serif;font-size:390px;font-weight:normal;text-transform:none;color:#1B1B1B;}.elementor-2 .elementor-element.elementor-element-853e97d{--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-2 .elementor-element.elementor-element-b00f7a5 .elementor-heading-title{font-family:"Thoge", Sans-serif;font-weight:normal;color:#000000;}.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-2 .elementor-element.elementor-element-2d6af4d{--display:flex;}.elementor-2 .elementor-element.elementor-element-94b444d{--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;}.elementor-2 .elementor-element.elementor-element-26c1a20{--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-2 .elementor-element.elementor-element-26c1a20.e-con{--flex-grow:0;--flex-shrink:0;}.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-2 .elementor-element.elementor-element-94651d8{padding:20px 50px 0px 400px;text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2 .elementor-element.elementor-element-94651d8 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-95e7204{--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-2 .elementor-element.elementor-element-d825db0 .elementor-heading-title{font-family:"Petit Formal Script", Sans-serif;font-size:87px;font-weight:600;color:#4B4B4B;}.elementor-2 .elementor-element.elementor-element-be3a108{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-41efe63{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-c057b47{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-bd21724{--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-2 .elementor-element.elementor-element-73dcb00{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-dcfbdc8{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-faef99c{--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-2 .elementor-element.elementor-element-d5b1f0b{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-c8c9f96{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-9e20621{--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-2 .elementor-element.elementor-element-496b257{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-dea04a8{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-dafc483{--display:flex;}body.elementor-page-2:not(.elementor-motion-effects-element-type-background), body.elementor-page-2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF9;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-26c1a20{--width:54.823%;}.elementor-2 .elementor-element.elementor-element-95e7204{--width:50%;}.elementor-2 .elementor-element.elementor-element-41efe63{--width:50%;}.elementor-2 .elementor-element.elementor-element-c057b47{--width:50%;}.elementor-2 .elementor-element.elementor-element-73dcb00{--width:50%;}.elementor-2 .elementor-element.elementor-element-dcfbdc8{--width:50%;}.elementor-2 .elementor-element.elementor-element-d5b1f0b{--width:50%;}.elementor-2 .elementor-element.elementor-element-c8c9f96{--width:50%;}.elementor-2 .elementor-element.elementor-element-496b257{--width:50%;}.elementor-2 .elementor-element.elementor-element-dea04a8{--width:50%;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-b00f7a5{text-align:center;}.elementor-2 .elementor-element.elementor-element-b00f7a5 .elementor-heading-title{font-size:200px;}.elementor-2 .elementor-element.elementor-element-f566c4a{margin:-261px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-f566c4a img{width:26%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-eccf303{--width:500px;--min-height:0px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f11e4a6{--min-height:448px;}.elementor-2 .elementor-element.elementor-element-42d1416{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:203px;--container-widget-flex-grow:0;width:var( --container-widget-width, 203px );max-width:203px;}.elementor-2 .elementor-element.elementor-element-42d1416 .elementor-heading-title{font-size:192px;line-height:0.8em;}.elementor-2 .elementor-element.elementor-element-b00f7a5{text-align:center;}.elementor-2 .elementor-element.elementor-element-b00f7a5 .elementor-heading-title{font-size:163px;line-height:0.8em;}.elementor-2 .elementor-element.elementor-element-f566c4a{margin:-56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-f566c4a img{width:47%;}.elementor-2 .elementor-element.elementor-element-26c1a20{--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-2 .elementor-element.elementor-element-94651d8{padding:19px 19px 19px 19px;text-align:start;font-size:9px;}.elementor-2 .elementor-element.elementor-element-d825db0{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-d825db0 .elementor-heading-title{font-size:64px;}}/* Start custom CSS for heading, class: .elementor-element-42d1416 *//* ===========================================
   JOAOANI — wipe por letra (estável, sem máscara)
   =========================================== */

/* Use esta classe na SEÇÃO/coluna do Elementor que contém o título */
.hero-center{
  min-height: 100svh;               /* ocupa a tela toda de forma estável no mobile */
  display: grid;
  place-items: center;              /* centraliza horizontal e vertical */
  overflow: visible !important;     /* não cortar acentos/til no container */
}

/* Aplique esta classe no widget de texto/título com "JOÃO LUIZ" */
.joaoani{
  font-family: 'Thoge', sans-serif;
  font-size: 390px;                 /* ajuste se quiser; dá pra trocar por clamp() */
  line-height: 1.02;                /* folga pequena para diacríticos */
  letter-spacing: 0;
  white-space: nowrap;              /* tudo em uma linha */
  color: inherit;

  display: inline-block;
  width: auto;                      /* largura só do conteúdo */
  margin: 0 auto;
  overflow: visible;                /* o próprio bloco não corta nada */

  /* animação (presets) */
  --stagger: 60ms;
  --dur: 1.2s;                      /* ⏱️ tempo mais lento/delicado */
  --easing: cubic-bezier(.22,.7,0,.98);
  --distance: 110%;
}

/* wrapper de cada caractere */
.joaoani .char{
  display: inline-block;
  vertical-align: bottom;           /* alinha pela base das letras */
  overflow: visible !important;     /* NÃO cortar o til do "ã" */
  -webkit-mask-image: none !important;
          mask-image: none !important;
  flex: 0 0 auto;
}

/* letra real (revelada por clip-path) */
.joaoani .char > .inner{
  display: inline-block;
  font: inherit; 
  color: inherit; 
  line-height: 1;
  transform: translateY(var(--distance));
  transform-origin: 50% 100%;
  opacity: 1;                        /* sem fade p/ evitar “branco” no topo */

  /* 🔑 Wipe vertical com folga no topo e base (não corta acentos) */
  clip-path: inset(100% 0 -10% 0);          /* estado inicial (escondido) */
  -webkit-clip-path: inset(100% 0 -10% 0);
  will-change: transform, clip-path;
}

/* ativa (stagger) */
.joaoani.is-active .char > .inner{
  animation:
    rise-only var(--dur) var(--easing) both,
    clip-reveal var(--dur) var(--easing) both;
  animation-delay: calc(var(--i) * var(--stagger));
}

/* keyframes */
@keyframes rise-only{
  from { transform: translateY(var(--distance)); }
  to   { transform: translateY(0); }
}
@keyframes clip-reveal{
  from { clip-path: inset(100% 0 -10% 0); }
  to   { clip-path: inset(-10% 0 -10% 0); }  /* 🔑 topo negativo = folga para o til */
}
/* suporte WebKit antigo */
@-webkit-keyframes clip-reveal{
  from { -webkit-clip-path: inset(100% 0 -10% 0); }
  to   { -webkit-clip-path: inset(-10% 0 -10% 0); }
}

/* utilitários (opcionais) */
.joaoani.dur-500 { --dur: .5s; }
.joaoani.dur-900 { --dur: .9s; }
.joaoani.stag-30 { --stagger: 30ms; }
.joaoani.stag-90 { --stagger: 90ms; }

/* acessibilidade */
@media (prefers-reduced-motion: reduce){
  .joaoani .char > .inner{
    animation: none !important;
    clip-path: inset(-10% 0 -10% 0) !important;
    -webkit-clip-path: inset(-10% 0 -10% 0) !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0347d1a */#DA_script {
  position: absolute;
  width: 65%;       /* escala proporcional */
  height: auto;     /* mantém a proporção do GIF */
  left: 383px;      /* deslocamento horizontal */
  top: -347px;      /* deslocamento vertical */
  z-index: 10;      /* sobe acima do conteúdo padrão */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Thoge';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://jotajoao.art/wp-content/uploads/2025/09/Thoge.woff') format('woff'),
		url('https://jotajoao.art/wp-content/uploads/2025/09/Thoge.ttf') format('truetype');
}
/* End Custom Fonts CSS */