/**
 * @description CSS Premium Final - Página Sobre (Foco em Proximidade & Zero Shadow)
 * @version 20.0
 * @author LEUK
 * @date 2026-02-05
 * * AJUSTES:
 * - Remoção total de sombras nas imagens.
 * - Espaçamento entre blocos (rows) reduzido para zero para máxima proximidade.
 * - Ajuste de rácio para garantir que a imagem preenche a moldura sem sobras.
 */

/* ============================================================
   [A] PAINEL DE CONTROLO (CONFIGURAÇÃO)
   ============================================================ */
:root {
    /* --- 1. TIMELINE (HISTÓRIA) --- */
    --history-to-line-gap:   60px;
    --line-to-text-gap:      60px;
    --tl-item-margin-v:      40px;
    --tl-year-desc-gap:      20px;

    /* --- 2. PILARES (MÁXIMA PROXIMIDADE) --- */
    --pillar-row-gap:        0px;       /* Removido o espaço entre blocos */
    --pillar-col-gap:        60px;      /* Distância entre texto e imagem */
    --pillar-img-ratio:      1.6;       /* Rácio para ocupação total do espaço */
    --pillar-img-frame:      #f7f7f7;   /* Cor da barra de fundo */
    --pillar-offset:         20px;      /* Deslocamento da moldura */

    /* --- 3. GERAL & CTA --- */
    --sec-padding-y:         120px;     
    --leuk-dark:             #111111;   
    --leuk-white:            #ffffff;   
}

/* ============================================================
   [B] SECÇÃO 01: HISTÓRIA & TIMELINE (MANTIDO)
   ============================================================ */

.leuk-history-section {
    background-color: var(--leuk-white) !important;
    padding-top: var(--sec-padding-y) !important;
    padding-bottom: var(--sec-padding-y) !important;
}
.leuk-history-left { padding-right: var(--history-to-line-gap) !important; }
.leuk-history-right { position: relative !important; padding-left: var(--line-to-text-gap) !important; }
.leuk-history-right::before {
    content: ''; position: absolute; left: 0; top: 15px; width: 1px;
    height: calc(100% - 30px); background-color: #e5e5e5;
}
.leuk-timeline-item { position: relative !important; margin-bottom: var(--tl-item-margin-v) !important; }
.leuk-timeline-item::after {
    content: ''; position: absolute; left: calc(var(--line-to-text-gap) * -1 - 5px);
    top: 10px; width: 10px; height: 10px; background-color: #000000; border-radius: 50%; z-index: 5;
}
.leuk-timeline-item .elementor-widget-text-editor p { margin: 0 !important; line-height: 1.6 !important; }

/* ============================================================
   [C] SECÇÃO 02: PILARES DE VALOR (BARRA & ZERO SHADOW)
   ============================================================ */

.leuk-pillars-section {
    background-color: var(--pillar-img-frame) !important;
    padding: var(--sec-padding-y) 0 !important;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    width: 100% !important;
}

.leuk-pillar-row {
    display: flex !important;
    align-items: center !important;
    gap: var(--pillar-col-gap) !important;
    margin-bottom: var(--pillar-row-gap) !important; /* Espaço entre blocos */
    max-width: 1100px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
}

.leuk-pillar-row:last-child { margin-bottom: 0 !important; }
.leuk-pillar-row:nth-child(even) { flex-direction: row-reverse !important; }

/* Proporção para Imagem Ampla */
.leuk-pillar-text-col { flex: 1.2 !important; }
.leuk-pillar-img-col { flex: 1 !important; position: relative !important; display: flex !important; }

/* Moldura Decorativa (Offset) */
.leuk-pillar-img-col::before {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    background-color: #f2f2f2;
    z-index: 1;
    top: var(--pillar-offset);
}
.leuk-pillar-row:nth-child(odd) .leuk-pillar-img-col::before { left: var(--pillar-offset); }
.leuk-pillar-row:nth-child(even) .leuk-pillar-img-col::before { right: var(--pillar-offset); }

.leuk-pillar-img-col .elementor-widget-image {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

.leuk-pillar-img-col img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--pillar-img-ratio) !important;
    object-fit: cover !important;
    display: block !important;
    box-shadow: none !important; /* REMOVIDO: Sombra da imagem */
}

/* Estilos de Texto */
.leuk-pillar-text-col .pillar-number {
    display: block; font-size: 11px; font-weight: 700; letter-spacing: 3px;
    color: #bbbbbb; margin-bottom: 15px; text-transform: uppercase;
}
.leuk-pillar-text-col .elementor-heading-title { margin-bottom: 20px !important; }
.leuk-pillar-text-col .elementor-widget-text-editor p { line-height: 1.7 !important; opacity: 0.8; margin: 0 !important; }

/* ============================================================
   [D] SECÇÃO 03: CTA FINAL (MANTIDO)
   ============================================================ */
.leuk-about-cta-section { background-color: var(--leuk-dark) !important; padding: var(--sec-padding-y) 0 !important; text-align: center; }
.leuk-about-cta-section .elementor-heading-title, 
.leuk-about-cta-section .elementor-widget-text-editor p { color: #ffffff !important; margin: 0 !important; }
.leuk-about-cta-link a { display: inline-flex !important; align-items: center; color: #ffffff !important; text-decoration: none !important; margin-top: 50px; }
.leuk-about-cta-link a::after { content: '→'; margin-left: 15px; transition: transform 0.3s ease-out !important; }
.leuk-about-cta-link a:hover::after { transform: translateX(12px); }

/* Responsividade Mobile */
@media (max-width: 767px) {
    .leuk-pillar-row { flex-direction: column !important; gap: 40px !important; margin-bottom: 60px !important; padding: 0 20px; }
    .leuk-pillar-img-col::before { display: none; }
}