/*BARRA DE PROGRESSO*/
.barra-scroll{
position:fixed;
top:87px;
left:0;
width:100%;
height:2px;
background:transparent;
z-index:9999;
}

.barra-progresso{
height:2px;
width:0%;
background:linear-gradient(90deg,#D4AF37,#9c742c);
transition:width 0.15s;
}


/*RODAPE*/
.rodape{
background:#0b0b0b;
color:#ffffff;
padding:60px 0 15px; /* antes estava maior embaixo */
font-size:14px;
}

.rodape-texto{
color:#cfcfcf;
line-height:1.7;
}

.rodape-titulo{
color:#D4AF37;
font-size:16px;
font-weight:600;
margin-bottom:18px;
}


.rodape{
background:#0b0b0b;
color:#ffffff;
padding:60px 0 12px 0; /* diminui espaço inferior */
}
.rodape a:hover{
color:#D4AF37;
}

.redes a{
font-size:24px;
margin-right:14px;
display:inline-block;
transition:0.3s;
}

.redes a:hover{
color:#D4AF37;
transform:translateY(-3px);
}

.linha-rodape{
border: none;
height: 1px;
background-color: #6c757d; /* cinza */
margin:10px 0 6px 0;
}

.copyright{
text-align:center;
font-size:13px;
color:#9e9e9e;
margin-top:0;
padding-top:0;
}

.copyright span{
margin:0 8px;
}
.rodape .selo-oab-footer a{
color:#03258C;
}

.rodape .selo-oab-footer a:hover{
color:#ffc107;
}


/* SELO OAB */
.selo-oab-footer{
display:flex;
align-items:center;
gap:8px;

background:#ffffff;
padding:6px 10px;

border-radius:8px;
border:1px solid #e5e5e5;
box-shadow:0 2px 5px rgba(0,0,0,0.1);

/* controla largura */
max-width:170px; 

margin-top:5px;
}

.selo-oab-footer img{
width:32px;
}

.selo-oab-footer div{
display:flex;
flex-direction:column;
line-height:1.2;
}

.registro{
font-size:12px;
color:#0a9d3f;
font-weight:600;
}

.numero-oab{
font-size:12px;
color:#000;
}

.selo-oab-footer a{
font-size:11px;
color:#03258C; /* azul padrão */
text-decoration:underline;
transition:0.3s;
}

.selo-oab-footer a:hover{
color:#ffc107; /* amarelo ao passar o mouse */
text-decoration:none;
}

.bloco-branco a{
color:#0b2345;
}

/* =========================
   REDES SOCIAIS - CORES ORIGINAIS
========================= */

.redes a .bi-instagram {
    color: #E4405F !important;
	font-size: 32px; /* pode testar 28px, 32px, 36px */

}

.redes a .bi-facebook {
    color: #1877F2 !important;
	font-size: 32px; /* pode testar 28px, 32px, 36px */
}

/* Opcional - efeito mais bonito */
.redes a {
    font-size: 22px;
    margin-right: 10px;
    transition: 0.3s;
}

.redes a:hover {
    transform: scale(1.2);
}

/* ============================= */
/* RESPONSIVIDADE MOBILE */
/* ============================= */


@media (max-width: 768px){

    /* MENU */
    .navbar-nav{
        text-align: center;
    }

    .menu-link{
        font-size: 16px !important;
    }

    /* HERO (CAPA) */
    #home{
        min-height: 450px !important;
        text-align: center;
    }

    #home h1{
        font-size: 28px !important;
    }

    #home h3{
        font-size: 16px !important;
    }

    #home .col-md-6{
        padding: 20px !important;
    }

    /* SOBRE */
    .sobre .row{
        padding: 10px !important;
    }

    .sobre h1{
        font-size: 22px;
        text-align: center;
    }

    /* SÓCIOS */
    .socio-bloco{
        text-align: center;
    }

    .socio-nome{
        font-size: 22px;
    }

    .socio-texto{
        font-size: 15px;
    }

    .socio-foto img{
        margin-bottom: 20px;
    }

    /* INVERTE ORDEM (imagem/texto) */
    .socio-bloco .col-md-4,
    .socio-bloco .col-md-8{
        width: 100%;
    }

    /* SERVIÇOS */
    .servicos h1{
        font-size: 24px;
    }

    /* MISSÃO VISÃO VALORES */
    .mvv-card{
        padding: 25px 20px;
    }

    /* RODAPÉ */
    .rodape{
        text-align: center;
    }

    /* BOTÃO WHATSAPP */
    .float{
        width: 50px;
        height: 50px;
        font-size: 24px;
        bottom: 20px;
        right: 20px;
    }

}