/*
=====================================================
    ARQUIVO DE ESTILO PRINCIPAL - EVEROS (BRANDBOOK IMPLEMENTADO)
=====================================================
*/

/* -----------------------------------------------------
   1. TIPOGRAFIA (Baseada em BrandBook)
-----------------------------------------------------
*/

/* Importando Fontes de Apoio */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
/* Substituto Simbólico para VOGUN (Serifada, Tradicional e Moderna) */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;700&display=swap'); 

/* --- Estilo Base (Leve e Aconchegante) --- */
body {
    background-color: #F8F9FA; /* Branco Gelo - Fundo Principal */
    color: #002E25; /* [BRANDBOOK] Verde Raiz - Texto Principal */
    font-family: 'Open Sans', sans-serif; /* [BRANDBOOK] Fonte de Apoio */
    min-height: 100vh;
}

/* Títulos (H1, H2, etc.) usarão a fonte serifada, como a Vogun */
h1, h2, h3, h4, .hero-title, .hero-subtitle, .section-title {
    font-family: 'Lora', serif; /* Substituto para Vogun */
    color: #002E25; /* Verde Raiz */
}

/* =====================================================
    2. ESTILOS GLOBAIS & UTILIDADES CRÍTICAS
=====================================================
*/

/* [NOVA UTILIDADE] Usado para links e textos que devem ser o Verde Raiz */
.text-root {
    color: #002E25 !important;
}
/* Utilitário para o Elo Verde */
.text-elo {
    color: #B5F498 !important;
}

/* Navbar: Fundo claro com sombra destacada */
.navbar {
    background-color: #FFFFFF !important; /* Branco Puro */
    border-bottom: 1px solid #E0F7FA;
    box-shadow: 0 4px 12px rgba(0, 46, 37, 0.15); /* Sombra mais sutil */
}

/* [REFORÇO NA NAV] Garante que links e brand sejam Verde Raiz */
.navbar-brand, 
.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
    color: #002E25 !important; /* Verde Raiz */
}

/* Estilo dos Cards */
.card {
    background-color: rgba(255, 255, 255, 0.95) !important; 
    border: 1px solid #E0F7FA; 
    border-radius: 12px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Botões de Destaque e Elementos de Acento */
.btn-success, .text-success, .bi-person-fill {
    color: #002E25 !important; 
}

/* Destaque (Verde Elo / Conexão) */
.text-accent, .bi-accent {
    color: #B5F498 !important; /* Elo Verde */
}

/* Estilo do Botão Principal (Ação) */
.btn-hero-cta, .btn-success {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
    
    background-color: #B5F498; /* [BRANDBOOK] Elo Verde */
    color: #002E25; /* [BRANDBOOK] Texto em Verde Raiz */
    border: none;
    
    box-shadow: 0 4px 15px rgba(181, 244, 152, 0.5);
    transition: all 0.3s ease;
}
.btn-hero-cta:hover, .btn-success:hover {
    background-color: #00A896; /* [ADAPTADO] Verde Esmeralda (Acento) */
    color: #FFFFFF;
    box-shadow: 0 6px 20px rgba(0, 168, 150, 0.6);
    transform: translateY(-2px);
}


/* =====================================================
    3. HERO SECTION (Estrutural)
=====================================================
*/

.hero-section-everos {
    position: relative;
    height: 90vh; 
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden; 
    color: #FFFFFF; /* Texto branco no Hero (fundo escuro) */
}

.hero-parallax-bg {
    position: absolute;
    top: -20%; 
    left: 0;
    width: 100%;
    height: 140%; 
    z-index: 1;

 
    background-image: url('/img/hero/everos-hero-gate.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 

    /* [MANTIDO] Filtro de Cor Sutil para harmonizar com o Verde Raiz */
    filter: brightness(0.5) contrast(1.1); 
    background-color: #002E25;
    background-blend-mode: luminosity;
}

.hero-content {
    position: relative;
    z-index: 2; 
    padding: 2rem;
    max-width: 750px; 
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.hero-title {
    font-size: 5rem; 
    font-weight: 700;
    color: #FFFFFF; /* Título em branco no Hero */
}

.hero-subtitle {
    font-size: 1.8rem; 
    font-weight: 500;
    opacity: 0.9;
    color: #B5F498; /* [BRANDBOOK] Subtítulo em Elo Verde */
}

.hero-description {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 2.5rem;
    color: #FFFFFF;
}

/* =====================================================
    4. PILARES & CARDS (Estrutural)
=====================================================
*/

.card-icon-wrapper {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem auto; 
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-color: #E0F7FA; 
    border-radius: 50%;
}

.card-icon-wrapper .bi {
    font-size: 2.5rem;
    color: #002E25; /* Ícones em Verde Raiz para Profundidade */
}

.card-title-pillar {
    font-weight: 700;
    color: #002E25; 
    font-size: 1.6rem;
}

.card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 8px 20px rgba(0, 46, 37, 0.2); /* Sombra mais forte no hover com Verde Raiz */
}

/* =====================================================
    5. SEÇÃO DIFERENCIAL (Estrutural)
=====================================================
*/

.diferencial-section {
    position: relative;
    padding: 5rem 0;
    min-height: 400px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #002E25; /* Fundo principal da seção em Verde Raiz */
}

.diferencial-parallax-bg {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    background-image: url('https://images.unsplash.com/photo-1547841399-ea2d46e3006a?q=80&w=2070');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
    
    background-color: rgba(0, 46, 37, 0.9); /* Filtro Verde Raiz com transparência */
    background-blend-mode: overlay;
    filter: brightness(0.8);
}

.diferencial-content {
    position: relative;
    z-index: 2; 
    color: #FFFFFF;
}

.diferencial-title {
    font-weight: 700;
    font-size: 2.8rem;
    color: #FFFFFF; /* Título em branco */
}

.diferencial-body {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 2rem;
    opacity: 0.9;
}

/* Citação */
.blockquote-wrapper {
    border-left: 4px solid #B5F498; /* [BRANDBOOK] Destaque em Elo Verde */
    padding-left: 1rem;
    margin-top: 2rem;
}

.blockquote {
    font-size: 1.25rem;
    color: #F8F9FA; /* Cor clara para o texto da citação */
}

.blockquote-footer {
    color: #B5F498; /* [BRANDBOOK] Footer em Elo Verde */
    opacity: 0.8;
}

/* Ícone grande de Destaque */
.diferencial-icon {
    font-size: 8rem;
    color: #B5F498; /* [BRANDBOOK] Ícone em Elo Verde */
    opacity: 0.9;
    filter: drop-shadow(0 0 10px rgba(181, 244, 152, 0.4));
}

/* =====================================================
    6. SEÇÃO CTA FINAL (Estrutural)
=====================================================
*/

.final-cta-section {
    background-color: #FFFFFF; 
}

.cta-final-title {
    font-weight: 700;
    font-size: 2.5rem;
    color: #002E25; /* Verde Raiz */
}

.cta-final-subtitle {
    font-size: 1.1rem;
    color: #5a6a90;
}

.cta-secondary-link {
    color: #002E25; /* Texto em Verde Raiz */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cta-secondary-link:hover {
    color: #00A896; /* Verde Esmeralda (Acento) */
    text-decoration: underline;
}

/* =====================================================
    7. ESTILOS DO PAINEL (DASHBOARD)
=====================================================
*/

/* --- Utilitários de Tabela --- */
.table-description {
    white-space: normal;
    word-wrap: break-word;
    max-width: 250px;
}

/* Fundo sutil para CRÉDITOS (Usando Elo Verde sutil) */
.bg-credit {
    background-color: rgba(181, 244, 152, 0.2) !important; /* Elo Verde 20% opacity */
}

/* Fundo sutil para DÉBITOS (Tom universal de Danger para clareza em transações) */
.bg-debit {
    background-color: rgba(255, 107, 107, 0.1) !important; /* Vermelho suave */
}

/* Cor explícita de Débito (Substitui o hardcoded #dc3545) */
.text-debit-negative {
    color: #dc3545 !important; /* Mantido o vermelho padrão para Danger/Débito */
}

/* Cor explícita de Crédito (Substitui o hardcoded #198754) */
.text-credit-positive {
    color: #002E25 !important; /* Verde Raiz forte para valores positivos */
}

/* --- Botão Secundário (Ação alternativa, ex: Agendar Mensagem) --- */
/* (Substitui o antigo #00BCD4 com estilos inline) */
.btn-secondary-brand {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    
    background-color: #F8F9FA !important; /* Fundo leve */
    border-color: #002E25; /* Borda Verde Raiz */
    color: #002E25 !important;
    
    box-shadow: none;
    transition: all 0.3s ease;
}

.btn-secondary-brand:hover {
    background-color: #002E25 !important; /* Inverte para Verde Raiz no hover */
    color: #FFFFFF !important;
    border-color: #002E25;
}

/* --- Estilos de Header Customizados --- */
/* Header do Extrato (Antigo #00BCD4) */
.dashboard-extrato-header {
    border-bottom: 2px solid #B5F498 !important; /* Elo Verde como linha de destaque */
    border-radius: 12px 12px 0 0;
}

/* =====================================================
    8. ESTILOS DO PAINEL ADMIN
=====================================================
*/

/* --- Menu Lateral Admin (Substitui o tema escuro anterior) --- */

.list-group-item {
    color: #002E25; /* Verde Raiz */
    border-color: rgba(0, 46, 37, 0.1); /* Borda muito sutil do Verde Raiz */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.list-group-item:hover {
    background-color: rgba(181, 244, 152, 0.3); /* Elo Verde sutil no hover */
    color: #002E25;
}

/* Item Ativo (list-group-item-root) */
.list-group-item-root.active, 
.list-group-item-root.active:hover {
    background-color: #B5F498; /* Elo Verde */
    color: #002E25 !important; /* Texto em Verde Raiz */
    font-weight: 600;
    border-color: #002E25;
}

/* Certifica que o texto dentro do card-header (títulos) seja Verde Raiz */
.card-header h5, 
.card-header h4 {
    color: #002E25 !important;
}

/* =====================================================
    9. ESTILOS DE LOG E TABELAS
===================================================== */

/* Wrapper para barra de rolagem vertical */
.log-scroll-wrapper {
    max-height: 400px; /* Limita a altura para exibir cerca de 10-12 registros */
    overflow-y: auto; /* Adiciona a barra de rolagem vertical quando necessário */
}

/* Estilo para cada linha do log (substitui a divisão forte) */
.log-entry-row {
    border-bottom: 1px dashed rgba(0, 46, 37, 0.1); /* Divisão discreta em Verde Raiz claro */
}

.log-entry-row:last-child {
    border-bottom: none; /* Remove a linha do último registro */
}

/* Coluna de Ícone de Log (para centralizar o ícone) */
.log-type-col {
    vertical-align: middle;
}