/* Variáveis de Cores do Projeto */
:root {
    --navy-blue: #0A192F;    /* Azul Marinho */
    --cyan-tech: #00F0FF;    /* Azul Ciano Tecnológico */
    --lead-gray: #1E293B;    /* Chumbo */
    --silver-light: #E2E8F0; /* Prata Claro */
    --silver-dark: #94A3B8;  /* Prata Escuro */
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
    background-color: #F8FAFC;
}

/* Utilitários de Cores */
.bg-navy { background-color: var(--navy-blue) !important; }
.bg-dark-lead { background-color: var(--lead-gray) !important; }
.bg-light-silver { background-color: var(--silver-light) !important; }
.color-cyan { color: var(--cyan-tech) !important; }
.color-navy { color: var(--navy-blue) !important; }
.btn-cyan { background-color: var(--cyan-tech); border: none; }
.btn-cyan:hover { background-color: #00D8E6; }

/* Configuração do Slider Global */
#dynamicSlider {
    width: 100%;
    height: 400px;
}
#dynamicSlider .carousel-item {
    height: 400px;
}

/* ==========================================================================
   UPGRADE DO MENU (NAVBAR PROFISSIONAL)
   ========================================================================== */
.navbar {
    padding: 15px 0;
    background: rgba(10, 25, 47, 0.92) !important; /* Azul Marinho com opacidade */
    backdrop-filter: blur(10px); /* Efeito de vidro fosco premium */
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 240, 255, 0.15); /* Linha fina Ciano */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

/* Estilização dos Links do Menu */
.navbar-nav .nav-link {
    position: relative;
    font-size: 0.95rem;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

/* Linha animada abaixo dos botões ao passar o mouse */
.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: var(--cyan-tech);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.navbar-nav .nav-link:hover::after {
    width: 70%; /* A linha expande elegantemente */
}

/* Degradês CSS específicos para cada slide */
/* Slide 1: Foco na Tecnologia (Fusão do Marinho Profundo com o Ciano Elétrico) */
.slide-1 { 
    background: radial-gradient(circle at 80% 20%, rgba(0, 240, 255, 0.15) 0%, transparent 50%),
                linear-gradient(135deg, #0A192F 0%, #112240 100%); 
}

/* Slide 2: Foco no Metal / Prata (Contraste do Chumbo Escuro com nuances de Prata) */
.slide-2 { 
    background: linear-gradient(135deg, #1E293B 0%, #475569 50%, #0F172A 100%);
    position: relative;
}
/* Detalhe luminoso para quebrar o cinza do segundo slide */
.slide-2::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 20% 80%, rgba(148, 163, 184, 0.1) 0%, transparent 60%);
    pointer-events: none;
}

/* Slide 3: Foco no Premium / Segurança (Contraste Máximo do Preto Absoluto para o Marinho e Ciano) */
.slide-3 { 
    background: linear-gradient(145deg, #020617 0%, #0A192F 60%, #00F0FF 200%); 
}

.slide-text h2 { color: var(--cyan-tech); font-weight: 700; }
.slide-text p { color: var(--silver-light); }

/* Ajuste nos Indicadores Redondos do Slide (Estilo Minimalista) */
.carousel-indicators [button] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--silver-dark);
    border: 2px solid transparent;
    transition: all 0.3s ease;
}
.carousel-indicators .active {
    background-color: var(--cyan-tech);
    transform: scale(1.2);
    box-shadow: 0 0 8px var(--cyan-tech);
}

/* Seção Parallax */
.parallax-section {
    width: 100%;
    height: 550px;
    background-image: url('paralax.jpg'); /* Substituir pela sua imagem com códigos */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.parallax-section::before {
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background: rgba(10, 25, 47, 0.75); /* Filtro escuro para leitura */
}
.parallax-section .container {
    position: relative;
    z-index: 2;
}

/* Cards customizados */
.card-custom {
    background-color: white;
    border: 1px solid var(--silver-dark);
    border-bottom: 4px solid var(--navy-blue);
    transition: transform 0.3s ease;
}
.card-custom:hover {
    transform: translateY(-5px);
    border-bottom: 4px solid var(--cyan-tech);
}

/* Footer Custom */
.footer-menu li a {
    color: var(--silver-light);
    text-decoration: none;
    transition: color 0.2s;
}
.footer-menu li a:hover { color: var(--cyan-tech); }
.social-icons a { color: var(--silver-light); transition: color 0.2s; }
.social-icons a:hover { color: var(--cyan-tech); }

/* Botões Flutuantes Fixo */
.floating-buttons {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: flex;
    gap: 12px;
    z-index: 9999;
}
.btn-floating {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    font-size: 24px;
    transition: transform 0.2s;
}
.btn-floating:hover { transform: scale(1.1); color: white; }
.btn-whatsapp { background-color: #25D366; }
.btn-top { background-color: var(--navy-blue); border: 1px solid var(--cyan-tech); }

/* ==========================================================================
   ESTILOS ADICIONAIS PARA PÁGINAS INTERNAS
   ========================================================================== */
.page-header-banner {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    border-bottom: 2px solid var(--cyan-tech);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
}

.tracking-wide {
    letter-spacing: 2px;
}

.about-img-frame::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    height: 100%;
    border: 3px solid var(--cyan-tech);
    border-radius: 0.375rem;
    z-index: -1;
    transition: transform 0.3s ease;
}

.about-img-frame:hover::before {
    transform: translate(-8px, -8px);
}

/* Texto de apoio legível para seções com fundo escuro/chumbo */
.text-muted-light {
    color: rgba(226, 232, 240, 0.7) !important; /* Prata claro com opacidade */
}

/* Customização Profissional do Accordion */
.accordion-button:not(.collapsed) {
    color: var(--cyan-tech) !important;
    background-color: var(--bg-navy) !important;
    box-shadow: none;
}
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 240, 255, 0.25);
}
.accordion-item {
    background-color: transparent;
}

/* Customização das Abas de Privacidade (Tabs) */
.nav-pills .nav-link {
    color: var(--bg-navy) !important;
    background-color: transparent;
    transition: all 0.3s ease;
}
.nav-pills .nav-link.active {
    color: #ffffff !important;
    background-color: var(--bg-navy) !important;
    border-left: 4px solid var(--cyan-tech);
}
.nav-pills .nav-link:hover:not(.active) {
    background-color: rgba(0, 240, 255, 0.1);
}

/* Efeito de elevação nos Cards de Sistemas */
.transition-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.transition-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 240, 255, 0.15) !important;
    border-color: var(--cyan-tech) !important;
}

/* Customização dos links de paginação */
.pagination-custom .page-item .page-link {
    color: var(--bg-navy);
    border: 1px solid #dee2e6;
}
.pagination-custom .page-item.active .page-link {
    background-color: var(--bg-navy) !important;
    border-color: var(--bg-navy) !important;
    color: #ffffff !important;
}