/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 20 2026 | 11:06:35 */
/**
 * ==================================================================================
 * 🛑 MANUAL DE OPERAÇÕES: NOTÍCIAS (HOME)
 * ==================================================================================
 * @description Sistema de Notícias "Architecture" (Elegant Navigation Fix)
 * @version 14.0.0
 * @date 2026-01-20
 *
 * 1️⃣ ESTRUTURA DO ELEMENTOR (LOOP ITEM)
 * ----------------------------------------------------------------------------------
 * A. CONTENTOR PAI (.leuk-news-card) -> Padding: 0 | Link: Vazio
 * B. IMAGEM (.leuk-news-thumb-wrap) -> Tamanho: Full | Link: Post URL
 * C. CONTENTOR TEXTO (.leuk-news-content) -> Padding: 0
 * D. WIDGETS: Data, Título, Excerto, Botão (Links individuais)
 *
 * 2️⃣ CONFIGURAÇÃO NA HOMEPAGE (IMPORTANTE PARA AS SETAS)
 * ----------------------------------------------------------------------------------
 * Certifique-se que o widget Loop Carousel na homepage tem a classe:
 * 'leuk-news-carousel' (em Avançado > Classes CSS).
 * ==================================================================================
 */

/* ============================================================
   ⚙️ PAINEL DE CONTROLO (CONFIGURAÇÕES)
   ============================================================ */
:root {
    /* ------------------------------------------------------
       💻 DESKTOP (Padrão > 1024px)
       ------------------------------------------------------ */
    /* --- NAVEGAÇÃO ELEGANTE (SETAS) --- */
    --leuk-nav-display: flex;       /* 'flex' = Visível | 'none' = Invisível */
    --leuk-nav-color: #ffffff;      /* Cor da seta (Branco para contraste) */
    --leuk-nav-hover: #ffffff;      /* Cor no hover (pode ser outra) */
    --leuk-nav-size: 60px;          /* Área de clique (invisível) */
    --leuk-nav-icon-size: 28px;     /* Tamanho visual da seta */
    
    /* --- DIMENSÕES --- */
    --leuk-img-height: 380px;       /* Altura da Imagem (Referência para as setas) */
    --leuk-content-padding: 35px; 

    /* --- MARGENS (Topo Dir Baixo Esq) --- */
    --leuk-date-margin: 0px 0px 5px 0px; 
    --leuk-title-margin: 0px 0px 10px 0px; 
    --leuk-text-margin: 0px 0px 10px 0px; 
    --leuk-btn-margin: auto 0px 0px 0px; 

    /* --- ESTILOS FIXOS --- */
    --leuk-card-bg: #ffffff;
    --leuk-card-border: 1px solid rgba(0,0,0,0.08);
    
    --leuk-date-color: #999999;
    --leuk-title-color: #000000;
    --leuk-text-color: #666666;
    
    --leuk-title-weight: 300;
    --leuk-title-transform: uppercase;
    --leuk-text-lines: 3;

    /* --- HOVER CARTÃO --- */
    --leuk-hover-overlay: rgba(0, 0, 0, 0.15); /* Ligeiramente mais escuro para destacar setas */
    --leuk-hover-border: rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------------------
   📱 TABLET (Ecrãs até 1024px)
   ---------------------------------------------------------- */
@media (max-width: 1024px) {
    :root {
        --leuk-img-height: 300px; 
        --leuk-content-padding: 25px; 
        --leuk-title-margin: 0px 0px 15px 0px; 
        --leuk-text-margin: 0px 0px 20px 0px;
        --leuk-nav-icon-size: 24px; /* Setas ligeiramente menores */
    }
}

/* ----------------------------------------------------------
   📲 MOBILE (Ecrãs até 767px)
   ---------------------------------------------------------- */
@media (max-width: 767px) {
    :root {
        --leuk-img-height: 240px; 
        --leuk-content-padding: 20px; 
        --leuk-date-margin: 0px 0px 10px 0px; 
        --leuk-title-margin: 0px 0px 10px 0px; 
        --leuk-text-margin: 0px 0px 20px 0px; 
        
        /* Em mobile, podemos esconder ou manter */
        --leuk-nav-display: flex; 
        --leuk-nav-size: 40px;
        --leuk-nav-icon-size: 20px;
    }
}

/* ============================================================
   🏹 CORREÇÃO ELEGANTE DAS SETAS
   Design minimalista flutuante sobre a imagem
   ============================================================ */

/* 1. O Botão (Área de clique) */
.leuk-news-carousel .elementor-swiper-button {
    display: var(--leuk-nav-display) !important;
    
    /* POSICIONAMENTO: Meio da imagem */
    top: calc(var(--leuk-img-height) / 2) !important;
    transform: translateY(-50%) !important;
    
    /* ESTÉTICA: Remover "caixote" */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    
    /* TAMANHO & COR */
    width: var(--leuk-nav-size) !important;
    height: var(--leuk-nav-size) !important;
    color: var(--leuk-nav-color) !important;
    
    /* Centralizar ícone */
    display: flex !important; align-items: center; justify-content: center;
    transition: all 0.3s ease !important;
    z-index: 10; /* Garantir que ficam sobre o overlay */
}

/* 2. O Ícone da Seta (Tamanho e Sombra subtil) */
.leuk-news-carousel .elementor-swiper-button i {
    font-size: var(--leuk-nav-icon-size) !important;
    /* Sombra subtil para garantir contraste em imagens claras */
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: transform 0.3s ease !important;
}

/* 3. HOVER (Animação de movimento elegante) */
.leuk-news-carousel .elementor-swiper-button:hover {
    background-color: transparent !important;
    color: var(--leuk-nav-hover) !important;
}

/* Seta Esquerda: move para a esquerda */
.leuk-news-carousel .elementor-swiper-button-prev:hover i {
    transform: translateX(-5px);
}
/* Seta Direita: move para a direita */
.leuk-news-carousel .elementor-swiper-button-next:hover i {
    transform: translateX(5px);
}

/* ============================================================
   ⛔ LÓGICA DO CARTÃO (NÃO EDITAR)
   ============================================================ */

/* A. O CARTÃO (Base) */
.leuk-news-card {
    display: flex; flex-direction: column;
    height: 100%; min-height: 100%;
    background-color: var(--leuk-card-bg);
    border: var(--leuk-card-border);
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    isolation: isolate;
}
.leuk-news-card:hover { border-color: var(--leuk-hover-border); }

/* B. A IMAGEM (Preenchimento Total Responsive) */
.leuk-news-thumb-wrap {
    width: 100%;
    height: var(--leuk-img-height) !important;
    overflow: hidden; position: relative; flex-shrink: 0;
    margin: 0 !important; padding: 0 !important; display: block;
}
.leuk-news-thumb-wrap .elementor-widget-container,
.leuk-news-thumb-wrap .elementor-image,
.leuk-news-thumb-wrap a {
    width: 100% !important; height: 100% !important;
    margin: 0 !important; padding: 0 !important; display: block;
}
.leuk-news-thumb-wrap img {
    width: 100% !important; height: 100% !important;
    min-height: 100% !important; max-width: none !important;
    object-fit: cover !important; object-position: center center;
    display: block; border: none !important;
    margin: 0 !important; padding: 0 !important;
}
/* Overlay no Hover */
.leuk-news-thumb-wrap::after {
    content: ''; position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: var(--leuk-hover-overlay);
    opacity: 0; transition: opacity 0.4s ease;
    pointer-events: none; z-index: 2;
}
.leuk-news-card:hover .leuk-news-thumb-wrap::after { opacity: 1; }

/* C. ÁREA DE TEXTO (Flexível) */
.leuk-news-content {
    padding: var(--leuk-content-padding);
    display: flex; flex-direction: column;
    flex: 1 0 auto !important; 
    align-items: flex-start;
    background-color: var(--leuk-card-bg);
    z-index: 3;
}

/* 1. DATA */
.leuk-news-date .elementor-icon-list-item { padding: 0 !important; }
.leuk-news-date .elementor-icon-list-icon { display: none; }
.leuk-news-date, .leuk-news-date a, .leuk-news-date span {
    font-size: 11px !important; text-transform: uppercase; letter-spacing: 2px;
    color: var(--leuk-date-color) !important; font-weight: 600; text-decoration: none !important;
    padding: 0 !important; line-height: 1;
    margin: var(--leuk-date-margin) !important;
}

/* 2. TÍTULO */
.leuk-news-title .elementor-heading-title {
    color: var(--leuk-title-color); font-size: 20px; line-height: 1.3;
    font-weight: var(--leuk-title-weight); text-transform: var(--leuk-title-transform);
    letter-spacing: 1px; margin: var(--leuk-title-margin);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.leuk-news-title a { color: inherit; transition: color 0.3s ease; }
.leuk-news-card:hover .leuk-news-title a { color: #555; }

/* 3. EXCERTO */
.leuk-news-excerpt, .leuk-news-excerpt p {
    color: var(--leuk-text-color); font-size: 14px; line-height: 1.6; font-weight: 300;
    margin: var(--leuk-text-margin);
    display: -webkit-box; -webkit-line-clamp: var(--leuk-text-lines); -webkit-box-orient: vertical; overflow: hidden;
}

/* 4. BOTÃO "LER MAIS" */
.leuk-news-readmore {
    margin: var(--leuk-btn-margin); padding: 0;
}
.leuk-news-readmore .elementor-heading-title {
    font-size: 11px; text-transform: uppercase; letter-spacing: 2px;
    font-weight: 700; color: #000000; display: flex; align-items: center; gap: 15px;
}
.leuk-news-readmore .elementor-heading-title::after {
    content: ''; display: block; width: 30px; height: 1px;
    background-color: #000; transition: width 0.3s ease;
}
.leuk-news-card:hover .leuk-news-readmore .elementor-heading-title::after { width: 50px; }