/* front/css/index-colors.css */

/* ==========================================================================
   ESTILOS ESPECÍFICOS PARA A PÁGINA INICIAL E QUEM SOMOS
   ========================================================================== */

/* -------------------------------------------------------------
   MODO ESCURO E GERAL (Compartilhado)
   ------------------------------------------------------------- */
/* Força a cor #f9f9f9 em todos os caracteres da tela no modo padrão.
   A pseudo-classe :not() protege o Assistente de IA e os botões 
   para não quebrar a legibilidade e contraste originais desses componentes. */
body.page-index *:not(.ai-assistant-container):not(.ai-assistant-container *):not(.btn):not(.btn *):not(.header-theme-btn) {
    color: #f9f9f9 !important;
}

/* Propriedades estruturais (sem relação com cor) aplicadas a ambos os modos 
   para garantir que o layout e a geometria sejam idênticos nos dois temas. */
.text-bg-light {
    padding: 0.2rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: fit-content !important;
    max-width: 100% !important;
    display: inline-block !important;
}

.page-index #landing-left-area .feature-card-no-border,
.page-quem-somos .block-light {
    padding: 1.5rem !important;
    border-radius: var(--border-radius) !important;
}

/* MODIFICADO: Padding exclusivo de 4rem para a área de resposta do Assistente IA */
.page-index #ai-answer-area {
    padding: 4rem !important;
    border-radius: var(--border-radius) !important;
}

/* -------------------------------------------------------------
   MODO CLARO (Apenas Cores e Backgrounds)
   ------------------------------------------------------------- */

/* Fundo da página 'index' herdará as definições de styles.css 
   usadas na página 'quem-somos', removendo a cor sólida. */
body.light-theme.page-index {
    background-color: var(--bg-color) !important;
    background-image: var(--bg-gradient) !important; 
}

/* No modo claro, cores específicas do .text-bg-light */
body.light-theme .text-bg-light {
    background-color: #1a416c !important;
    color: #ffffff !important;
}

/* No modo claro, as cores de fundo dos blocos e os textos dentro deles */
body.light-theme.page-index #landing-left-area .feature-card-no-border,
body.light-theme.page-index #ai-answer-area,
body.light-theme.page-quem-somos .block-light {
    background-color: #ffffff !important;
}

body.light-theme.page-index #landing-left-area *,
body.light-theme.page-index #ai-answer-area,
body.light-theme.page-index #ai-answer-area *,
body.light-theme.page-quem-somos .block-light,
body.light-theme.page-quem-somos .block-light *:not(.btn):not(.btn *) {
    color: #1a416c !important;
}

/* -------------------------------------------------------------
   MODIFICAÇÕES SOLICITADAS E ATUALIZADAS
   ------------------------------------------------------------- */

/* A altura da área da direita (Assistente IA) passa a ser ditada
   pelo alinhamento stretch da esquerda. O scroll foi removido daqui e age 
   somente dentro do ai-answer-area. */
body.page-index .landing-right-area {
    height: auto !important;
    overflow: visible !important;
}

/* Textos da área esquerda (Feature Cards): #ffffff no modo escuro e #1a416c no modo claro.
   Utilizando o ID #landing-left-area para suplantar o peso da regra 5 mantida no escuro. */
body:not(.light-theme).page-index #landing-left-area,
body:not(.light-theme).page-index #landing-left-area *,
body:not(.light-theme).page-index #landing-left-area h3,
body:not(.light-theme).page-index #landing-left-area p {
    color: #ffffff !important;
}

body.light-theme.page-index #landing-left-area,
body.light-theme.page-index #landing-left-area *,
body.light-theme.page-index #landing-left-area h3,
body.light-theme.page-index #landing-left-area p {
    color: #1a416c !important;
}

/* Fundo dos blocos do rodapé em 'quem-somos' no modo padrão */
body.page-quem-somos .three-column-footer .block-light {
    background-color: #5A7E86 !important;
}

/* Textos das três caixas no rodapé da página quem-somos devem ser 
   #ffffff em AMBOS os modos (claro e escuro). */
body.light-theme.page-quem-somos .three-column-footer .block-light,
body.light-theme.page-quem-somos .three-column-footer .block-light *,
body:not(.light-theme).page-quem-somos .three-column-footer .block-light,
body:not(.light-theme).page-quem-somos .three-column-footer .block-light * {
    color: #ffffff !important;
}

/* -------------------------------------------------------------
   NOVAS MODIFICAÇÕES (CORES DE FUNDO MODO ESCURO)
   ------------------------------------------------------------- */

/* Define a cor #333333 no fundo das caixas de texto na Index e em Quem Somos, apenas no modo escuro */
body:not(.light-theme).page-index #landing-left-area .feature-card-no-border,
body:not(.light-theme).page-quem-somos .block-light {
    background-color: #333333 !important;
}