.elementor-97 .elementor-element.elementor-element-8547945{--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;}/* Start custom CSS for darkyn_form, class: .elementor-element-9ba68cd */.hero-under-text {
    border-left: 5px solid #704cf5;
}

.menu-item.w--current {
    border-bottom-color: #704cf5;
}

.menu-item:hover {
  color: #704cf5;
}

.cursor,
.cursor-follower {
  display: none !important;
}

body {
  cursor: auto !important;
}

a, button {
  cursor: pointer !important;
}

#smoke-canvas {
  display: none !important;
}

.mail-link:hover, .phone-link:hover {
  color: #704cf5;
  text-shadow: 0 0 8px #704cf5;
}
.social-link:hover {
  background: #704cf5;
  color: #111;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 0 10px #704cf5;
}

.backtotop:hover {
  background-color: #704cf5;
}

.submit-button {
  background-color: #704cf5;
}


/* 1. Reset total da largura da textarea para não fugir do ecrã */
.contact-form-block.w-form .input-style.textarea,
textarea.wpcf7-form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important; /* Garante que a borda e o clique azul fiquem dentro dos 100% */
}

/* 2. Forçar a célula (o contentor) a ocupar o espaço das duas colunas de cima */
#darkyn35 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; /* Se o site usar flexbox */
    grid-column: 1 / -1 !important; /* Se o site usar grid */
    display: block !important;
    clear: both;
}

/* 3. Ajuste para o clique azul (outline) não criar scroll */
textarea:focus {
    outline-offset: -2px; /* Joga o brilho azul ligeiramente para dentro da borda */
}/* End custom CSS */