/* ==========================================================================
   ARQUIVO CSS FINAL - ADVOCACIA NUNES (FIX SETAS EQUIPE + MENU MOBILE LIMPO)
   ========================================================================== */

/* 1. TRAVA DE SEGURANÇA E LARGURA */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
}

/* 2. BARRA DE NAVEGAÇÃO - DESKTOP */
@media (min-width: 992px) {
    .navbar-nav .nav-link {
        font-size: 13px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase !important; /* Padrão em maiúsculo */
        transition: all 0.3s ease;
    }
    .navbar-brand { margin-right: 40px !important; }
}

/* Cores da Navbar */
.navbar-transparent .nav-link { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important; }
.navbar-scrolled { background-color: #ffffff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.navbar-scrolled .nav-link { color: #222222 !important; text-shadow: none !important; }

/* 3. BANNER PRINCIPAL (REVOLUTION SLIDER) */
.tp-caption.slider-title { font-size: 42px !important; font-weight: 800 !important; text-transform: uppercase !important; }
.tp-caption.slider-caption { font-size: 22px !important; max-width: 750px !important; white-space: normal !important; }
.tp-leftarrow, .tp-rightarrow { display: block !important; visibility: visible !important; opacity: 0.8 !important; z-index: 1000 !important; }

/* 4. TÍTULOS DE SEÇÃO */
#about h1, .section-title h1 { font-size: 32px !important; margin-bottom: 25px !important; font-weight: 800 !important; text-transform: uppercase !important; }

/* 5. CONTRASTE EM FUNDOS ESCUROS */
.bg-dark, .bg-dark p, .bg-dark span, .bg-dark .lead, footer.bg-dark { color: #ffffff !important; }
.bg-dark h1, .bg-dark h2, .text-warning-force { color: #FFCE00 !important; }

/* 6. ÍCONES DE REDES SOCIAIS */
.social-section a i, .social-wrapper a i { color: #ffffff !important; font-size: 30px !important; margin: 0 15px !important; }
.social-section a:hover i { color: #FFCE00 !important; transform: scale(1.2); }

/* 7. CARROSSEL DA EQUIPE - FIX SETAS DESPROPORCIONAIS */
/* Limpa as propriedades que estão criando a seta gigante e o círculo */
.testislider .flex-direction-nav {
    margin: 0 !important;
    padding: 0 !important;
}

.testislider .flex-direction-nav a {
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
    font-size: 0 !important; /* Esconde o caractere gigante original */
    background: rgba(0,0,0,0.05) !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease;
}

.testislider .flex-direction-nav a:hover {
    opacity: 1 !important;
    background: #f8f8f8 !important;
    border-color: #A21416 !important;
    color: #A21416 !important;
}

/* Insere ícones novos, pequenos e centralizados usando FontAwesome */
.testislider .flex-prev:before,
.testislider .flex-next:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    display: block !important;
}

.testislider .flex-prev:before { content: "\f053" !important; } /* Ícone de seta esquerda */
.testislider .flex-next:before { content: "\f054" !important; } /* Ícone de seta direita */

/* Legibilidade do texto da equipe */
.testislider .slide-items h4, .testislider .slide-items p, .testislider .slide-items a {
    color: #222222 !important;
}

/* 8. TEXTO JUSTIFICADO */
.text-justify-custom { text-align: justify !important; line-height: 1.6 !important; }

/* ==========================================================================
   CORREÇÃO DO MENU HAMBÚRGUER (MOBILE) - SEM SOMBRA NAS LETRAS
   ========================================================================== */

/* Cor do ícone quando a barra é transparente (topo da página) */
.navbar-transparent .toggler-icon-custom {
    color: #ffffff !important; /* Branco para contrastar com o banner escuro */
    font-size: 28px !important;
}

/* Cor do ícone quando a barra fica branca (ao rolar a página) */
.navbar-scrolled .toggler-icon-custom {
    color: #333333 !important; /* Escuro para aparecer no fundo branco */
    font-size: 28px !important;
}

/* Ajuste de margem para o botão não ficar colado na borda */
.navbar-toggler {
    padding-right: 15px !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 1001 !important;
}

/* Garante que o fundo do menu mobile seja legível ao abrir e AS LETRAS FIQUEM LIMPAS */
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: #ffffff !important;
        margin-top: 10px;
        border-radius: 8px;
        padding: 20px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }
    
    .navbar-collapse .nav-link {
        color: #333333 !important;
        border-bottom: 1px solid #f1f1f1;
        padding: 12px 0 !important;
        text-shadow: none !important; /* <--- AQUI: Remove a sombra que estava borrando as letras */
    }
}

/* ==========================================================================
   CONTROLE DE VISIBILIDADE DA LOGO (APARECER SÓ NO SCROLL)
   ========================================================================== */

/* 1. Esconde a logo por padrão (Estado Transparente) */
.navbar-transparent .logo-dinamica {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.4s ease-in-out; /* Transição suave */
    transform: translateY(-10px);    /* Leve efeito de descida */
}

/* 2. Exibe a logo quando a barra branca aparece (.navbar-scrolled) */
.navbar-scrolled .logo-dinamica {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0);         /* Volta para a posição original */
}

/* ==========================================================================
   EFEITOS E GATILHOS (CARDS DE SERVIÇOS)
   ========================================================================== */

/* Define uma transição suave para os cards */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Quando o mouse passa por cima, o card sobe e a sombra aumenta */
.hover-lift:hover {
    transform: translateY(-5px); /* Move o card 5 pixels para cima */
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; /* Sombra mais forte */
}

/* Garante que o container da imagem tenha um fundo branco para destacar o ícone */
.service-img-container {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.05); /* Uma linha sutil separando a imagem do texto */
}

/* ==========================================================================
   BOTÃO FLUTUANTE DE AGENDAMENTO (VISUAL)
   ========================================================================== */

.calendly-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    background-color: #8e2de2 !important; /* Fundo Roxo */
    color: #FFCE00 !important;            /* Ícone Amarelo */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    z-index: 9999; 
    text-decoration: none !important;
    transition: transform 0.3s ease;
    cursor: pointer; /* Garante a mãozinha de clique */
}

.calendly-float:hover {
    transform: scale(1.1);
    color: #ffffff !important;
}

/* ==========================================================================
   SUBTÍTULO "QUEM SOMOS" EM UMA LINHA (DESKTOP)
   ========================================================================== */
@media (min-width: 992px) {
    #about .lead {
        font-size: 16px !important;       /* Reduz a fonte de 20px para 16px */
        white-space: nowrap !important;   /* Força o texto a não quebrar de linha */
        margin-left: -20px;               /* Dá uma margem de segurança nas laterais */
        margin-right: -20px;
    }
}