/*
 * ====================================================================
 * LLAMA CORE - ESTILOS BASE COMPARTILHADOS (COM RESPONSIVIDADE DE IMAGEM)
 * Este ficheiro deve ser importado por ADS, LINKS e POSTS para
 * garantir a consistência visual.
 * ====================================================================
 */

:root {
    /* ---------------------- CORES DE MARCA E TEXTO ---------------------- */
    --llama-color-title: #343a40;          /* Preto escuro (Títulos, Negrito) */
    --llama-color-text: #495057;           /* Cinza principal (Corpo de Texto) */
    --llama-color-secondary: #6c757d;      /* Cinza médio (Descrições, Texto Secundário) */
    --llama-color-link: #007bff;           /* Azul de Ação (Links) */
    
    /* ---------------------- CORES DE FUNDO E BORDAS ---------------------- */
    --llama-color-bg-subtle: #f0f0f0;      /* Fundo suave do container principal */
    --llama-color-bg-desc: #e9ecef;        /* Fundo do Box de Descrição (ADS e POSTS) */
    --llama-color-bg-desc-links: #ede9ef;  /* Fundo do Box de Descrição (LINKS) */
    --llama-color-border: #e0e0e0;         /* Borda fina de boxes e separadores */
    --llama-color-border-desc: #dee2e6;    /* Borda do Box de Descrição */
    --llama-color-white: white;            /* Fundo branco padrão */

    /* ---------------------- FONTES ---------------------- */
    --llama-font-family: 'Arial', sans-serif;
} /* CORREÇÃO: Chave de fechamento extra removida daqui */

/* -------------------------------------------------------------------------- */
/* RESPONSIVIDADE BASE DE IMAGEM (NOVO) */
/* -------------------------------------------------------------------------- */
img {
    max-width: 100%;
    height: auto; /* Mantém a proporção da imagem */
    display: block; /* Remove o espaço extra abaixo de imagens inline */
}

/* -------------------------------------------------------------------------- */
/* BOXES DE CONTEÚDO E DESCRIÇÃO (Harmonização) */
/* -------------------------------------------------------------------------- */

/* Box de Descrição Genérico (Para ADS e POSTS) */
.llama-description-box {
    background-color: var(--llama-color-bg-desc);
    padding: 20px; 
    border: 1px solid var(--llama-color-border-desc); 
    border-radius: 4px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    color: var(--llama-color-text);
    font-size: 1em;
    line-height: 1.6; 
    font-weight: 400;
    box-sizing: border-box;
    font-family: var(--llama-font-family); 
}

/* Box de Descrição Específico para Links (Cor de fundo ligeiramente diferente) */
.llama-description-box-links {
    background-color: var(--llama-color-bg-desc-links);
    padding: 20px; 
    border: 1px solid var(--llama-color-border-desc); 
    border-radius: 4px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    color: var(--llama-color-text);
    font-size: 1em;
    line-height: 1.6; 
    font-weight: 400;
    box-sizing: border-box;
    font-family: var(--llama-font-family); 
}

/* Negrito dentro dos Boxes de Descrição */
.llama-description-box b, 
.llama-description-box-links b {
    font-weight: 700;
    color: var(--llama-color-title);
}

/* Estilo do link de Ação (ex: 'Compre aqui »') */
.llama-action-link {
    display: block; 
    font-weight: 600; 
    text-decoration: none;
    color: var(--llama-color-link); 
    font-size: 1em;
}

.llama-action-link:hover {
    text-decoration: underline;
}