.elementor-12 .elementor-element.elementor-element-ebb4576{--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;}.elementor-12 .elementor-element.elementor-element-4eedf81{--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;}.elementor-12 .elementor-element.elementor-element-514ea2a{--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;}.elementor-12 .elementor-element.elementor-element-ac93171{--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;}.elementor-12 .elementor-element.elementor-element-11b4b13{--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;}.elementor-12 .elementor-element.elementor-element-ecd15f2{--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;}.elementor-12 .elementor-element.elementor-element-e2e3538{--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;}.elementor-12 .elementor-element.elementor-element-446edf6{--display:flex;}/* Start custom CSS for darkyn_banner, class: .elementor-element-75f10ec *//* === FLEXBOX PARA TROCAR A ORDEM === */
.hero-mid {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Garante que a base do alinhamento é a esquerda */
}

.hero-paragraph {
    order: 2; 
    margin-top: 30px;
    
    /* --- EXPANSÃO PARA AS PONTAS (ESQUERDA E DIREITA) --- */
    width: 190%;           /* Muito mais largo que o título */
    margin-left: -50%;     /* Puxa o início do texto para a esquerda, ultrapassando a linha roxa */
    max-width: 95vw;       /* Segurança para não criar scroll horizontal no ecrã */
    
    display: block;
    line-height: 1.6;
    
    margin-bottom: 10%;
}

/* === O TEU CSS COMBINADO (MANTIDO) === */
.hero-under-text {
    order: 1; 
    border-left: 5px solid #704cf5;
    font-size: 45px !important;
    line-height: 1.2 !important;
    width: 140%;
    margin-top: 0;
}

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

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

.hero-client-logo  {
  width: 400px;
  height: auto;
}

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

body {
  cursor: auto !important;
}

a, button {
  cursor: pointer !important;
}

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

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

/* === RESPONSIVIDADE (MOBILE) === */
@media (max-width: 768px){
    .hero-under-text{
        font-size: 27px !important;
        width: 100%;
    }
    .hero-paragraph {
        width: 100%;
        margin-left: 0; /* Reset no mobile para o texto não sair do ecrã */
        margin-top: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebb4576 */.mail-link:hover,
.phone-link:hover {
  color: #704cf5;
  text-shadow: 0 0 8px #704cf5;
}/* End custom CSS */
/* Start custom CSS for darkyn_projects, class: .elementor-element-b9d2c0f */.work-category {
    background-color: #704cf5;
}/* End custom CSS */
/* Start custom CSS for darkyn_services, class: .elementor-element-1917d3d */.main-title {
    border-bottom: 1px solid #704cf5;
}

.services-item:hover .service-nunmber{
    background-color: #704cf5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-514ea2a */.service-text {
    line-height: 50px;
}/* End custom CSS */
/* Start custom CSS for darkyn_who_we_are, class: .elementor-element-b0e149c */.mission-orange-box {
    border: 1px solid #704cf5;
    background-color: #704cf5;
}

img.mission-plus {
  width: 80px;       /* ajuste ao seu layout */
  height: 80px;
  content: url("https://inventio.pt/wp-content/uploads/2026/02/plus.png");
}

/* Mudar o brilho da animação para Branco */
.mission-content::after {
    background: linear-gradient(
        120deg, 
        transparent, 
      rgb(127 127 127 / 20%), transparent); /* Branco com 30% de opacidade */
        transparent
    ) !important;
}
/* Igualar altura dos dois blocos */
.mission-grid {
    align-items: stretch;
}

.mission-left .mission-content,
.mission-right .mission-content {
    height: 75%;
}/* End custom CSS */
/* Start custom CSS for darkyn_testimonials, class: .elementor-element-c663fb3 *//* 1. Mudar a cor da animação de brilho (gradiente) */
.mission-content::after, 
.trstimonials-item::after {
    background: linear-gradient(
        120deg, 
        transparent, 
        rgb(127 127 127 / 20%), 
        transparent
    ) !important;
}



/* 2. Substituir a borda laranja no hover por uma borda subtil (estilo Imagem 1) */
.trstimonials-item:hover,
.testimonial-item-box:hover {
    border-color: rgba(255, 255, 255, 0.15) !important;
    outline: none !important;
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for darkyn_blog_grid, class: .elementor-element-987d643 */.backtotop:hover {
    background-color: #704cf5;
}

.tagcloud a {
    display: none;
}

.blog-item:hover {
  box-shadow: 0 0 0px #704cf5;
}

.blog-category {
    display: none;
}

.blog-author {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2e3538 */.numbers-item.numbers-item-orange {
    background-color: #704cf5;
}
.number-circle.circle-orange {
    background-color: #704cf5;
}/* End custom CSS */