/* ===== TEMA MODERNO VIAÇÃO CEDRO ===== */
/* Arquivo complementar para garantir aplicação da nova paleta */

/* Garantir que todas as seções tenham o fundo correto */
body {
    background: var(--white);
}

/* Hero section com gradiente suave */
.hero-section {
    background: linear-gradient(135deg, #1976d2 0%, #43a047 100%) !important;
    min-height: 100vh !important;
    position: relative !important;
}

.hero-section .container {
    position: relative !important;
    z-index: 10 !important;
}

.hero-section .hero-subtitle {
    color: #ffffff !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7) !important;
    position: relative !important;
    z-index: 10 !important;
}

.hero-section .btn {
    position: relative !important;
    z-index: 10 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--primary-color) !important;
    border: 2px solid rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
}

/* Seções alternadas */
#empresa {
    background: var(--white) !important;
}

#servicos {
    /*background: var(--light-blue) !important;*/
}

#depoimentos {
    /*background: var(--light-green) !important;*/
}

#contato {
    /*background: var(--light-blue) !important;*/
}

#trabalhe-conosco {
    /*background: var(--light-green) !important;*/
}

/* Footer moderno claro */
.footer {
    background: var(--neutral-gray) !important;
    color: var(--text-primary) !important;
}

.footer .text-light {
    color: var(--text-primary) !important;
}

/* Botões com nova paleta */
.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}

.btn-secondary {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

/* Links do footer */
.footer a {
    color: var(--text-secondary) !important;
}

.footer a:hover {
    color: var(--primary-color) !important;
}

/* Navbar moderna */
.navbar {
    background: var(--white) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--text-primary) !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary-color) !important;
}

/* Cards com efeito glass */
.service-card,
.testimonial-card,
.contact-form,
.contact-info {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Ícones com nova paleta */
.feature-icon,
.contact-icon i {
    color: var(--primary-color) !important;
}

.service-icon i {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

/* Textos com nova paleta */
.section-title {
    color: var(--text-primary) !important;
}

.hero-title {
    color: #ffffff !important;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8) !important;
    position: relative !important;
    z-index: 10 !important;
}

/* ===== GARANTIR VISIBILIDADE DE TODAS AS SEÇÕES ===== */
/* Forçar visibilidade de todas as seções principais */
section,
.footer,
.footer *,
.section-title,
.lead,
.service-card,
.testimonial-card,
.feature-item,
.contact-form,
.contact-info {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Garantir que o conteúdo seja sempre visível independente das animações */
#servicos,
#servicos *,
#depoimentos,
#depoimentos *,
#contato,
#contato *,
#empresa,
#empresa *,
#trabalhe-conosco,
#trabalhe-conosco * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Melhorias de acessibilidade */
.btn:focus,
.form-control:focus,
.nav-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25) !important;
}

/* Animações suaves para transições */
* {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* Scrollbar personalizada */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--gray-100);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}