/* =============================================
   SKIN: TEMA JUSTIÇA (DIREITO, SEGURANÇA E JUSTIÇA)
   Este arquivo SÓ define as cores e imagens.
============================================= */

body.page-justice {
    /* -- 1. Variáveis do Esqueleto (com cores da paleta Justiça) -- */
    --theme-body-bg: #0f1a2a; /* Azul escuro do fundo */
    --theme-text-light: #f5f5f5;
    --theme-text-muted: #b0c4de; /* Azul acinzentado */
    --theme-bg-dark: #0f1a2a;

    --theme-primary: #e0b04a;    /* Dourado principal */
    --theme-secondary: #4a90e2;  /* Azul secundário */
    
    --theme-header-image: url('/img/5.jpg'); /* Sua imagem de fundo */
    --theme-header-position: left center; /* Posição central */
    --theme-header-border: 2px solid;
    --theme-header-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);

    /* Gradiente para o título */
    --theme-title-gradient: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
    
    --theme-card-bg: #1a2a3a; /* Azul um pouco mais claro do card */
    --theme-card-border: rgba(255, 255, 255, 0.15); /* Borda sutil */
    --theme-card-icon-bg: #0f1a2a; /* Fundo do ícone (escuro) */
    --theme-card-hover-shadow: 0 10px 25px rgba(224, 176, 74, 0.3); /* Sombra dourada no hover */
    
    --theme-icon-shadow: 0 0 15px rgba(224, 176, 74, 0.4); /* Brilho dourado */
    
    --theme-button-text: var(--theme-primary);
    --theme-button-border: 2px solid var(--theme-primary);
    --theme-button-bg: transparent;
    --theme-button-hover-bg: var(--theme-primary); /* Fundo sólido dourado no hover */
    --theme-button-hover-text: #0f1a2a; /* Texto escuro no botão dourado */
    --theme-button-hover-shadow: 0 0 15px rgba(224, 176, 74, 0.5);
    
    --theme-mobile-arrow-color: var(--theme-primary) !important; /* Seta dourada no mobile */
}

/* --- 2. Sobrescritas Específicas do Tema --- */

/* Borda do Header (gradiente dourado/azul) */
.page-justice header.hero-catalog {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
}

/* Título com gradiente e borda */
.page-justice .category-title {
    background: var(--theme-title-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    border-image-source: linear-gradient(to right, var(--theme-primary), var(--theme-secondary)) !important;
    border-image-slice: 1 !important;
    border-bottom: var(--theme-header-border) !important;
}

/* Efeito de "partículas" e "névoa" para complementar */
body.page-justice::before {
    content: '';
    position: fixed;
    top: 5%; left: 5%;
    width: 200px; height: 200px;
    background: radial-gradient(circle, var(--theme-primary) 0%, transparent 60%);
    opacity: 0.08;
    z-index: -1;
    pointer-events: none;
    animation: pulse 4s infinite alternate;
}
body.page-justice::after {
    content: '';
    position: fixed;
    bottom: 10%; right: 10%;
    width: 300px; height: 300px;
    background: radial-gradient(circle, var(--theme-secondary) 0%, transparent 60%);
    opacity: 0.08;
    z-index: -1;
    pointer-events: none;
    animation: pulse 5s infinite alternate reverse;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 0.08; }
    100% { transform: scale(1.1); opacity: 0.15; }
}