.elementor-194 .elementor-element.elementor-element-309c24a:not(.elementor-motion-effects-element-type-background), .elementor-194 .elementor-element.elementor-element-309c24a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vilaking.pro/wp-content/uploads/2025/12/Prancheta-2-copiar545dsds.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-194 .elementor-element.elementor-element-309c24a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:200px 0px 200px 0px;}.elementor-194 .elementor-element.elementor-element-309c24a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-194 .elementor-element.elementor-element-64eba24.elementor-column > .elementor-widget-wrap{justify-content:center;}.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-194 .elementor-element.elementor-element-9175967 img{width:44%;}.elementor-194 .elementor-element.elementor-element-2fa4e90{width:var( --container-widget-width, 25.536% );max-width:25.536%;--container-widget-width:25.536%;--container-widget-flex-grow:0;}.elementor-194 .elementor-element.elementor-element-8d9790a:not(.elementor-motion-effects-element-type-background), .elementor-194 .elementor-element.elementor-element-8d9790a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-194 .elementor-element.elementor-element-8d9790a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 300px 0px;}.elementor-194 .elementor-element.elementor-element-8d9790a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-eael-fancy-text .eael-fancy-text-prefix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-fancy-text .eael-fancy-text-strings, .elementor-widget-eael-fancy-text .typed-cursor{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-fancy-text .eael-fancy-text-suffix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-194 .elementor-element.elementor-element-25281d2 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-container{text-align:left;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-prefix{color:#FFFFFF;font-family:"bikave", Sans-serif;font-size:143px;font-weight:500;line-height:100px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-strings, .elementor-194 .elementor-element.elementor-element-25281d2 .typed-cursor{font-family:"bikave", Sans-serif;font-size:149px;font-weight:500;line-height:100px;letter-spacing:1.7px;word-spacing:0px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-strings{color:#FFFFFF;margin:66px 0px 0px 0px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-suffix{color:#FFFFFF;font-size:22px;font-weight:600;line-height:95px;}.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-194 .elementor-element.elementor-element-2313c00{font-family:"Arial", Sans-serif;font-size:16px;font-weight:400;}.elementor-194 .elementor-element.elementor-element-22a2ebd:not(.elementor-motion-effects-element-type-background), .elementor-194 .elementor-element.elementor-element-22a2ebd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-194 .elementor-element.elementor-element-22a2ebd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-194 .elementor-element.elementor-element-22a2ebd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-194 .elementor-element.elementor-element-fa131c5 > .elementor-widget-container{margin:-300px 0px 0px 109px;}.elementor-194 .elementor-element.elementor-element-6dafbb4 > .elementor-element-populated, .elementor-194 .elementor-element.elementor-element-6dafbb4 > .elementor-element-populated > .elementor-background-overlay, .elementor-194 .elementor-element.elementor-element-6dafbb4 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-194 .elementor-element.elementor-element-6dafbb4 > .elementor-element-populated{box-shadow:0px 0px 47px -34px rgba(0,0,0,0.5);}.elementor-194 .elementor-element.elementor-element-85bff45{padding:0px 0px 40px 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-194 .elementor-element.elementor-element-c94ee7b .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;}.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-194 .elementor-element.elementor-element-bdaefd3{text-align:center;}.elementor-194 .elementor-element.elementor-element-bdaefd3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:13px;font-weight:500;color:#000000;}@media(min-width:768px){.elementor-194 .elementor-element.elementor-element-19b82b3{width:51.159%;}.elementor-194 .elementor-element.elementor-element-b169448{width:48.841%;}}@media(min-width:1025px){.elementor-194 .elementor-element.elementor-element-309c24a:not(.elementor-motion-effects-element-type-background), .elementor-194 .elementor-element.elementor-element-309c24a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-194 .elementor-element.elementor-element-309c24a{padding:120px 0px 200px 0px;}.elementor-194 .elementor-element.elementor-element-9175967 img{width:78%;}.elementor-194 .elementor-element.elementor-element-2fa4e90{width:var( --container-widget-width, 280.8px );max-width:280.8px;--container-widget-width:280.8px;--container-widget-flex-grow:0;}.elementor-194 .elementor-element.elementor-element-8d9790a{padding:0px 0px 50px 0px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-prefix{font-size:71px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-strings, .elementor-194 .elementor-element.elementor-element-25281d2 .typed-cursor{font-size:81px;}.elementor-194 .elementor-element.elementor-element-25281d2 .eael-fancy-text-strings{margin:0px 0px 0px 0px;}.elementor-194 .elementor-element.elementor-element-2313c00{font-size:15px;}.elementor-194 .elementor-element.elementor-element-c94ee7b .elementor-button{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-2fa4e90 *//* From Uiverse.io by vinodjangid07 */ 
.messageBox {
  width: fit-content;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white; 
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid rgb(190, 190, 190); 
}
.messageBox:focus-within {
  border: 1px solid rgb(150, 150, 150);
}
.fileUploadWrapper {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
}

#file {
  display: none;
}
.fileUploadWrapper label {
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.fileUploadWrapper label svg {
  height: 18px;
}
.fileUploadWrapper label svg path {
  transition: all 0.3s;
  stroke: #555;
}
.fileUploadWrapper label svg circle {
  transition: all 0.3s;
  stroke: #555;
  fill: transparent;
}
.fileUploadWrapper label:hover svg path {
  stroke: #000;
}
.fileUploadWrapper label:hover svg circle {
  stroke: #000;
  fill: #e0e0e0;
}
.fileUploadWrapper label:hover .tooltip {
  display: block;
  opacity: 1;
}
.tooltip {
  position: absolute;
  top: -40px;
  display: none;
  opacity: 0;
  color: white;
  font-size: 10px;
  text-wrap: nowrap;
  background-color: #000;
  padding: 6px 10px;
  border: 1px solid #3c3c3c;
  border-radius: 5px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.596);
  transition: all 0.3s;
}
#messageInput {
  width: 200px;
  height: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  padding-left: 10px;
  color: black; 
}
/* Cores do botão de envio quando focado/válido (cheio e destacado) */
#messageInput:focus ~ #sendButton svg path,
#messageInput:valid ~ #sendButton svg path {
  /* COR ALTERADA PARA CINZA ESCURO (#555555) */
  fill: #555555; 
  stroke: white; 
}

#sendButton {
  width: fit-content;
  height: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
#sendButton svg {
  height: 18px;
  transition: all 0.3s;
}
/* ÍCONE DE ENVIO VAZADO (SOMENTE CONTORNO) */
#sendButton svg path {
  transition: all 0.3s;
  fill: transparent; 
  stroke: #555; 
}
#sendButton:hover svg path {
  fill: transparent; 
  stroke: #000; 
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-309c24a *//* Garante que o conteúdo fique na frente */
.elementor-194 .elementor-element.elementor-element-309c24a {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

/* Fundo animado (abaixo de todo conteúdo) */
.elementor-194 .elementor-element.elementor-element-309c24a::before {
    content: "";
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1; /* 🔥 Mantém o fundo atrás do conteúdo */
    animation: kbZoom 18s ease-in-out infinite alternate;
    transition: transform 0.2s ease-out;
}

/* Animação cinematográfica */
@keyframes kbZoom {
    0%   { transform: scale(1.05) translate(0%, 0%); }
    25%  { transform: scale(1.08) translate(-1%, -2%); }
    50%  { transform: scale(1.10) translate(2%, 1%); }
    75%  { transform: scale(1.07) translate(-2%, 1%); }
    100% { transform: scale(1.05) translate(1%, -1%); }
}

/* Interação no hover (leve parallax) */
.elementor-194 .elementor-element.elementor-element-309c24a:hover::before {
    transform: scale(1.1) translate(var(--mx, 0px), var(--my, 0px));
}

/* Variáveis CSS */
:root {
    --mx: 0px;
    --my: 0px;
}

/* Efeito*/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa131c5 *//* From Uiverse.io by vnuny */
.item-hints {
  --purple: #720c8f;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  padding-right: 170px;
}
.item-hints .hint {
  margin: 150px auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-hints .hint-dot {
  z-index: 3;
  border: 1px solid #ffe4e4;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translate(-0%, -0%) scale(0.95);
  transform: translate(-0%, -0%) scale(0.95);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.item-hints .hint-radius {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -125px 0 0 -125px;
  opacity: 150px0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.item-hints .hint[data-position="1"] .hint-content {
  top: 85px;
  left: 50%;
  margin-left: 56px;
}
.item-hints .hint-content {
  /* *** ALTERAÇÕES A PARTIR DAQUI *** */
  background-color: rgba(0, 0, 0, 0.8); /* Adicionado background escuro e semi-transparente */
  padding: 15px; /* Ajustado padding para a caixa com fundo */
  border-radius: 5px; /* Opcional: bordas arredondadas para melhor visual */
  /* *** FIM DAS ALTERAÇÕES *** */
  width: 300px;
  position: absolute;
  z-index: 5;
  /* padding: 35px 0; - Removido ou ajustado acima */
  opacity: 0;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  color: #fff;
  visibility: hidden;
  pointer-events: none;
}
.item-hints .hint:hover .hint-content {
  position: absolute;
  z-index: 5;
  /* padding: 35px 0; - Removido ou ajustado acima */
  opacity: 1;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  color: #fff;
  visibility: visible;
  pointer-events: none;
}
.item-hints .hint-content::before {
  /* ... (Mantido o restante do CSS) ... */
  width: 0px;
  bottom: 29px;
  left: 0;
  content: "";
  background-color: #fff;
  height: 1px;
  position: absolute;
  transition: width 0.4s;
}
.item-hints .hint:hover .hint-content::before {
  width: 180px;
  transition: width 0.4s;
}
.item-hints .hint-content::after {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  bottom: 29px;
  left: 0;
  width: 80px;
  content: "";
  background-color: #fff;
  height: 1px;
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.item-hints .hint:hover .hint-content::after {
  opacity: 1;
  visibility: visible;
}
.item-hints .hint[data-position="4"] .hint-content {
  bottom: 85px;
  left: 50%;
  margin-left: 56px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'bikave';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vilaking.pro/wp-content/uploads/2025/12/bikave.ttf') format('truetype');
}
/* End Custom Fonts CSS */