/* =============================================
   SKIN: TEMA INOVAÇÃO (EMPREENDEDORISMO)
   Estilo: Corporativo, Moderno, "Clean"
============================================= */

body.page-innovation {
    /* -- 1. Variáveis do Esqueleto (com cores da paleta Inovação) -- */
    --theme-body-bg: #003c4f; /* Tom de verde/azul bem escuro do fundo */
    --theme-text-light: #f5faff;
    --theme-text-muted: #b0d8e0; /* Um azul-claro acinzentado */
    --theme-bg-dark: #003c4f;

    --theme-primary: #00e0c6;    /* O "verde-água" (teal) vibrante */
    --theme-secondary: #ffffff;  /* Branco puro para acentos */
    
    --theme-header-image: url('/img/6.jpg'); /* Sua nova imagem */
    --theme-header-position: left center;
    --theme-header-border: 2px solid var(--theme-primary);
    --theme-header-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
    --theme-header-mobile-height: 220px; /* Um pouco mais alto para esta imagem */

    /* Gradiente para a borda do título */
    --theme-title-gradient: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
    
    --theme-card-bg: #004a5f; /* Verde-azulado um pouco mais claro */
    --theme-card-border: rgba(255, 255, 255, 0.1); /* Borda "clean" */
    --theme-card-icon-bg: #003c4f; /* Fundo do ícone (escuro) */
    --theme-card-hover-shadow: 0 10px 25px rgba(0, 224, 198, 0.2); /* Sombra teal */
    
    --theme-icon-shadow: 0 0 10px rgba(0, 224, 198, 0.2); /* Brilho teal */
    
    --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 teal no hover */
    --theme-button-hover-text: var(--theme-bg-dark); /* Texto escuro no botão */
    --theme-button-hover-shadow: 0 0 15px rgba(0, 224, 198, 0.3);
    
    --theme-mobile-arrow-color: var(--theme-primary) !important; /* Seta teal no mobile */
}

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

/* Borda do Header (O esqueleto já cuida disso, mas garantimos) */
.page-innovation header.hero-catalog {
    border-color: var(--theme-primary);
}

/* Borda do Título (O esqueleto já cuida disso) */
.page-innovation .category-title {
    color: var(--theme-secondary); /* Título branco */
    border-image-source: var(--theme-title-gradient) !important;
}

/* Efeitos visuais da imagem (formas geométricas) */
body.page-innovation::before {
    content: '';
    position: fixed;
    top: 20vh;
    left: -5vw;
    width: 25vw; /* Largura */
    height: 50vh; /* Altura */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpolyline points='0,0 100,0 100,100' fill='none' stroke='rgba(0, 224, 198, 0.1)' stroke-width='1'/%3E%3Cpolyline points='0,0 0,100 100,100' fill='none' stroke='rgba(0, 224, 198, 0.1)' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    z-index: -1;
    pointer-events: none;
    opacity: 0.5;
}

body.page-innovation::after {
    content: '';
    position: fixed;
    bottom: -10vh;
    right: -10vw;
    width: 30vw;
    height: 30vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' stroke='rgba(0, 224, 198, 0.1)' stroke-width='1' fill='none'/%3E%3Ccircle cx='50' cy='50' r='30' stroke='rgba(0, 224, 198, 0.05)' stroke-width='1' fill='none'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
    opacity: 0.5;
}

/* Sobrescrita para o footer */
.page-innovation footer {
    color: white !important;
}