/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 26 2026 | 10:06:58 */
/**
 * ==================================================================================
 * █  LEUK TECHNICAL BLOCK — v2.3 (BORDERED BUTTON)
 * ==================================================================================
 * * @description  Botão Branco com Borda Preta -> Fica Preto Sólido no Hover.
 * * @target       Classe .leuk-tech-block
 * * @version      2.3.0
 * * ==================================================================================
 */

/* ============================================================
   🎛️ PAINEL DE CONTROLO
   ============================================================ */
.leuk-tech-block {

    /* --- 1. FUNDO E ESPAÇAMENTO --- */
    --tech-bg-color:       #F9F9F9;  
    --tech-padding:        80px 20px; 
    --tech-max-width:      800px;    
    
    /* --- 2. CORES DE TEXTO BASE --- */
    --tech-title-color:    #1a1a1a;
    
    /* --- 3. BOTÃO (ESTADO NORMAL) --- */
    --btn-bg-color:        #ffffff;  /* Fundo Branco */
    --btn-text-color:      #000000;  /* Texto Preto */
    --btn-border-color:    #000000;  /* MUDANÇA: Cor da Borda (Preto) */
    --btn-border-width:    1px;      /* Espessura da Borda */
    
    --btn-border-radius:   0px;      /* Quadrado */
    --btn-padding:         15px 40px;
    
    /* --- 4. BOTÃO (ESTADO HOVER) --- */
    --btn-hover-bg:        #000000;  /* Fundo passa a Preto */
    --btn-hover-text:      #ffffff;  /* Texto passa a Branco */
    --btn-hover-border:    #000000;  /* Borda mantém-se preta (funde com o fundo) */
    
    --btn-hover-lift:      -3px;     
}

/* ============================================================
   ⛔ MOTOR DE ESTILO (ESTRUTURA)
   ============================================================ */

/* 1. CONTENTOR */
.leuk-tech-block {
    background-color: var(--tech-bg-color) !important;
    padding: var(--tech-padding) !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    text-align: center !important;
    border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
}

/* 2. TÍTULO (Tipografia Elementor) */
.leuk-tech-block h2, .leuk-tech-block h3, .leuk-tech-block .elementor-heading-title {
    color: var(--tech-title-color) !important;
    max-width: var(--tech-max-width);
    margin-bottom: 30px !important; 
}

/* 3. BOTÃO (ESTRUTURA) */
.leuk-tech-block .elementor-button {
    background-color: var(--btn-bg-color) !important;
    color: var(--btn-text-color) !important;
    border-radius: var(--btn-border-radius) !important;
    padding: var(--btn-padding) !important;
    
    /* DEFINIÇÃO DA BORDA */
    border: var(--btn-border-width) solid var(--btn-border-color) !important;
    
    transition: all 0.3s ease !important;
}

/* 4. BOTÃO (HOVER) */
.leuk-tech-block .elementor-button:hover {
    background-color: var(--btn-hover-bg) !important;
    color: var(--btn-hover-text) !important;
    border-color: var(--btn-hover-border) !important;
    
    transform: translateY(var(--btn-hover-lift));
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
}

/* 5. ÍCONE */
.leuk-tech-block .elementor-button-icon { margin-right: 10px !important; }
.leuk-tech-block .elementor-button-icon svg { fill: currentColor !important; width: 1em !important; }