/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2026 | 17:01:13 */
/**
 * ==================================================================================
 * █  LEUK WEBSITE 2026 - MODULO PROJECTOS (CORE v24 - AUTO FIT FIX)
 * ==================================================================================
 * * @project     Novo Site LEUK
 * @module      Projectos Core Cards
 * @description 
 * 1. Altura da Caixa Branca agora é automática (ajusta-se ao texto).
 * 2. Mantém o alinhamento horizontal através da reserva de linhas no texto.
 * 3. Remove espaço vazio excessivo quando há pouco texto.
 * * @version     2026.24.0
 * @author      LEUK
 * @date        2026-01-28
 * * ==================================================================================
 */

/* ==========================================================================
   🎛️ PAINEL DE CONTROLO MESTRE
   ========================================================================== */
:root {

    /* --- 1. DIMENSÕES DO CARTÃO (ALTURA TOTAL) --- */
    --h-desk:   550px;   /* Desktop */
    --h-lap:    480px;   /* Laptop */
    --h-tab:    450px;   /* Tablet */
    --h-mob:    380px;   /* Mobile */


    /* --- 2. ALTURA DA CAIXA BRANCA (AJUSTE AUTOMÁTICO) --- */
    /* 'auto' = A caixa fica apenas com o tamanho do texto + margens. */
    /* Se quiseres forçar que todas tenham o mesmo tamanho grande, coloca '180px' */
    
    --box-min-h-desk:  auto; 
    --box-min-h-mob:   auto;


    /* --- 3. LIMITES DE TEXTO (LINE CLAMP) --- */
    /* Define quantas linhas de texto são mostradas. */
    /* O sistema reserva espaço para estas linhas para manter o alinhamento. */
    
    --lines-title:   1;     /* Título: 1 linha */
    --lines-excerpt: 1;     /* Excerto: 1 linha (conforme o teu pedido) */


    /* --- 4. BORDAS DO CARTÃO --- */
    --border-width:  0px;
    --border-radius: 0px;
    --border-color:  rgba(0,0,0,0.1);
    --border-hover:  #000000;


    /* --- 5. CORES E FUNDOS --- */
    --bg-container:  rgba(255, 255, 255, 0.90); /* Fundo do Bloco */

    /* Textos (Transparentes) */
    --bg-title:      transparent; --color-title:   #000000;
    --bg-meta:       transparent; --color-meta:    #000000;
    --bg-excerpt:    transparent; --color-excerpt: #333333;
    
    /* Ler Mais */
    --bg-read:       transparent; --color-read:    #000000;
    --bg-read-h:     transparent; --color-read-h:  #000000;


    /* --- 6. ESPAÇAMENTOS INTERNOS (PADDING) --- */
    /* Reduzido para ficar mais compacto com 1 linha de texto */
    --p-padding:     25px;      
    --p-gap:         5px;      


    /* ----------------------------------------------------------------------
       7. VISIBILIDADE (Home vs Listagem)
       ---------------------------------------------------------------------- */
    /* Homepage */
    --home-d-meta:    none;
    --home-d-excerpt: block;
    --home-d-read:    none;
    --home-m-meta:    none;
    --home-m-excerpt: block;
    --home-m-read:    none;

    /* Listagem */
    --list-d-meta:    flex;
    --list-d-excerpt: block;
    --list-d-read:    none;
    --list-m-meta:    flex;
    --list-m-excerpt: block;
    --list-m-read:    none;
}

/* Ajustes Mobile Globais */
@media (max-width: 767px) {
    :root { 
        --h-desk: var(--h-mob); 
        --box-min-h-desk: var(--box-min-h-mob);
        --p-padding: 20px; 
    }
}


/* ============================================================
   A. ESTRUTURA DO CARTÃO
   ============================================================ */

.leuk-projectos-card {
    height: var(--h-desk) !important;
    min-height: var(--h-desk) !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    
    border: var(--border-width) solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
    
    padding: 0 !important;
    background-color: #f4f4f4;
    isolation: isolate;
}
.leuk-projectos-card:hover { border-color: var(--border-hover) !important; }

/* Imagem */
.leuk-projectos-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 1 !important; margin: 0 !important;
}
.leuk-projectos-img img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: center !important;
    display: block !important;
    transition: transform 0.6s ease;
}
.leuk-projectos-card:hover .leuk-projectos-img img { transform: scale(1.05); }


/* ============================================================
   B. O BLOCO DE INFORMAÇÃO (AUTO HEIGHT)
   ============================================================ */

.leuk-projectos-info {
    position: absolute !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    z-index: 10 !important;
    
    /* DEFINIÇÃO DE ALTURA */
    height: auto !important; /* Cresce apenas o necessário */
    min-height: var(--box-min-h-desk) !important; /* Usa valor 'auto' definido no root */
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Empurra conteúdo para baixo se sobrar espaço */
    align-items: flex-start !important;
    
    padding: var(--p-padding) !important;
    gap: var(--p-gap) !important;
    
    background: var(--bg-container) !important;
    background-color: var(--bg-container) !important;
    
    pointer-events: auto;
}

.leuk-projectos-info > .elementor-widget {
    pointer-events: auto; width: 100% !important; margin-bottom: 0 !important; flex-shrink: 0;
}


/* ============================================================
   C. DESIGN VISUAL E ALINHAMENTO
   ============================================================ */

/* 1. TÍTULO */
.leuk-projectos-title .elementor-heading-title {
    background-color: var(--bg-title);
    color: var(--color-title);
    padding: 0;
    
    font-size: 20px; font-weight: 400; text-transform: uppercase;
    line-height: 1.3 !important; 
    
    /* Reserva espaço mínimo baseado no número de linhas definido no root */
    min-height: calc(1.3em * var(--lines-title)); 
    
    display: -webkit-box;
    -webkit-line-clamp: var(--lines-title);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 2. META DADOS */
.leuk-projectos-meta ul {
    background-color: var(--bg-meta);
    padding: 0; margin: 0; display: inline-flex;
}
.leuk-projectos-meta span, .leuk-projectos-meta a {
    color: var(--color-meta) !important;
    font-size: 11px !important; font-weight: 700; text-transform: uppercase;
}
.leuk-projectos-meta i { display: none; }

/* 3. EXCERTO */
.leuk-projectos-excerpt .elementor-widget-container {
    background-color: var(--bg-excerpt);
    padding: 0; display: block;
}
.leuk-projectos-excerpt p {
    margin: 0; color: var(--color-excerpt); font-size: 14px; 
    line-height: 1.5 !important;
    
    /* Reserva espaço mínimo baseado no número de linhas definido no root */
    min-height: calc(1.5em * var(--lines-excerpt));
    
    display: -webkit-box;
    -webkit-line-clamp: var(--lines-excerpt);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 4. LER MAIS */
.leuk-projectos-readmore .elementor-heading-title {
    background-color: var(--bg-read);
    color: var(--color-read);
    padding: 0;
    font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;
    display: inline-block; transition: all 0.3s ease;
    border-bottom: 1px solid currentColor;
    margin-top: 5px; 
}
.leuk-projectos-card:hover .leuk-projectos-readmore .elementor-heading-title {
    background-color: var(--bg-read-h);
    color: var(--color-read-h);
}


/* ============================================================
   D. VISIBILIDADE
   ============================================================ */

/* LISTAGEM */
.leuk-projectos-meta     { display: var(--list-d-meta) !important; }
.leuk-projectos-excerpt  { display: var(--list-d-excerpt) !important; }
.leuk-projectos-readmore { display: var(--list-d-read) !important; }

/* HOMEPAGE */
.leuk-context-home .leuk-projectos-meta     { display: var(--home-d-meta) !important; }
.leuk-context-home .leuk-projectos-excerpt  { display: var(--home-d-excerpt) !important; }
.leuk-context-home .leuk-projectos-readmore { display: var(--home-d-read) !important; }

/* MOBILE */
@media (max-width: 767px) {
    .leuk-projectos-meta     { display: var(--list-m-meta) !important; }
    .leuk-projectos-excerpt  { display: var(--list-m-excerpt) !important; }
    .leuk-projectos-readmore { display: var(--list-m-read) !important; }
    
    .leuk-context-home .leuk-projectos-meta     { display: var(--home-m-meta) !important; }
    .leuk-context-home .leuk-projectos-excerpt  { display: var(--home-m-excerpt) !important; }
    .leuk-context-home .leuk-projectos-readmore { display: var(--home-m-read) !important; }
}