/* 
AZUL MARINHO #001C49
DOURADO #C6AA6A
VERMELHO #A81C22
CINZA #E6E6E7
VERDE
*/

/* VARS */
:root{
	--bg-color-branco: #fff;
	--bg-color-preto: #000;
	--bg-color-font: #333333;
	--bg-color-azul: #001c49;
	--bg-color-azul-escuro: #122034;
	--bg-color-vermelho: #a81c22;
	--bg-color-cinza: #e6e6e7;
	--bg-color-whats: #25d366;
	}

html{font-size: 62.5%;
	scroll-behavior: smooth;
	}

body {font-size: 1.4em;
	background-color: var(--bg-color-branco);
	color: var(--bg-color-font);
	font-family: "Raleway", serif;
	font-optical-sizing: auto;
	font-style: normal;
	}

.whatsapptela{
	background-color: var(--bg-color-whats);
	border-radius:50px;
	bottom:2em;
	box-shadow: 1px 1px 2px #888;
	font-size:30px;
	height:80px;
	position:fixed;
	right:1em;
	text-align:center;
	width:80px;
	z-index:1000;
	}

.padding-section{
	padding: 5em 1em;
	}

/* HEADER */
.header {
	background: var(--bg-color-azul) url("../img/bg-site-ferdinando-advogados-2560.webp") no-repeat fixed center top;
	padding-bottom: 8em;
	}

.header-interno {
	background-color: var(--bg-color-azul);
	padding-bottom: 1em;
	}

.header-interno .header-nav {
	background-color: var(--bg-color-azul);
	padding-bottom: 1em;
	}

.header-whatsapp{
	padding-top: 1em;
	text-align: right;
	margin-bottom: -1em;
	padding-right: 1em;
	}

.header .whats-header,
.header-interno .whats-header{
	color: var(--bg-color-branco);
	font-family: "roboto", serif;
	font-size: 1.4em;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
	}

/* NAV */
.navbar {
	font-size: 1.3em;
	padding: 0.5em;
	z-index: 900;
	}

.navbar-toggler {
	border: 1px solid var(--bg-color-branco);
	font-size: 0.75em;
	padding: 0.5em 0.7em;
	}

.nav-link {
	color: #fff;
	margin-left: 0.5em;
	}

.nav-link:hover {
	color: #00ccff;
	}

.nav-active {
	background-color: var(--bg-color-azul);
	margin-bottom: 2em;
	opacity: 0.98;
	padding-bottom: 0.5em;
	transition: all 0.6s ease;
	}

.header-nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	}

h2 {
	color: var(--bg-color-azul);
	font-size: 2.7em;
	font-weight: 500;
	margin: 2em 0 2.5em 0;
	}

/* CHAMADA */
#chamada {
	color: var(--bg-color-branco);
	padding: 12em 1em 7em 1em;
	}

#chamada h1 {
	font-size: 3.2em;
	font-weight: 800;
	}

#chamada p {
	font-size: 1.4em;
	font-weight: 400;
	margin-top: 1.5em;
	}

#chamada ul {
	font-size: 1.4em;
	font-weight: 400;
	}

/* NOSSA HISTORIA */
#nossa-historia {
	background-color: var(--bg-color-branco);
	padding: 5em 1em;
	}

#nossa-historia .nossa-historia-bloco {
	background-color: var(--bg-color-azul-escuro);
	color: var(--bg-color-branco);
	height: 100%;
	margin-top: -12em;
	padding: 3em;
	position: relative;
	z-index: 100;
	}

#nossa-historia h2 {
	background-color: transparent;
	color: var(--bg-color-branco);
	font-size: 2.5em;
	font-weight: 400;
	margin: 0.5em 0 1.5em 0;
	padding: 0.5em;
	}

#nossa-historia p {
	font-size: 1.3em;
	line-height: 1.5;
	padding: 0 1em;
	}

/* ÁREA ATUAÇÃO */
#area-atuacao {
	background-color: var(--bg-color-branco);
	}

#area-atuacao .area-atuacao-bloco {
	margin-top: -9em;
	padding: 4em 0;
	}

#area-atuacao .area-box {
	background-color: var(--bg-color-branco);
	border: 1px solid var(--bg-color-cinza);
	padding: 1em;
	}

#area-atuacao .area-box img {
	margin: 1em;
	}

#area-atuacao .area-box h3 {
	color: var(--bg-color-azul);
	font-weight: 600;
	font-size: 1.7em;
	padding-bottom: 0.6em;
	}

#area-atuacao .area-box p {
	font-size: 1.3em;
	padding: 0 1em;
	}

/* NOSSA EQUIPE */
#nossa-equipe {
	background-color: var(--bg-color-azul);
	margin-top: -9em;
	padding: 10em 1em;
	}

#nossa-equipe .nossa-equipe-imagem {
	display: block;
	padding: 0 1.5em 0 0;
	}

#nossa-equipe .nossa-equipe-imagem-interna {
	display: none;
	padding: 0 0 2em 0;
	}

#nossa-equipe .nossa-equipe-box{
	padding: 0 0 0 1.5em;
	}

#nossa-equipe .nossa-equipe-bloco {
	background-color: var(--bg-color-branco);
	padding: 1em 3em;
	height: 100%;
	}

#nossa-equipe .nossa-equipe-bloco h2 {
	margin: 1em 0 1em 0;
	}

#nossa-equipe p {
	font-size: 1.5em;
	}

/* ATUALIDADES HOME */
#atualidades-home {
	background-color: var(--bg-color-branco);
	padding: 5em 1em;
	}

#atualidades-home .atualidades-bloco {
	background-color: var(--bg-color-branco);
	border: 1px solid var(--bg-color-cinza);
	margin-top: -12em;
	padding: 3em;
	position: relative;
	z-index: 500;
	}

#atualidades-home h2 {
	margin: 1em 0 1.8em 0;
	}

#atualidades-home .atualidades-post-data-hora{
	color: var(--bg-color-vermelho);
	font-family: "arial", serif;
	font-weight: bold;
	padding-top: 0.8em;
	text-align: left;
	}

#atualidades-home .atualidades-post-titulo{
	color: var(--bg-color-azul);
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.3em;
	text-align: left;
	}

#atualidades-home .atualidades-post-resumo{
	color: var(--bg-color-preto);
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 1em;
	text-align: left;
	}

#atualidades-home .atualidades-post-btn{
	background-color: var(--bg-color-azul);
	border-radius: 0;
	border: 0;
	font-size: 1em;
	padding: 0.7em 1em;
	}

#atualidades-home .atualidades-post-btn:hover{
	background-color: var(--bg-color-vermelho);
	}

#atualidades-home .atualidades-links{
	color: var(--bg-color-vermelho);
	font-weight: 600;
	text-decoration: none;
	}

/* POLÍTICA DE PRIVACIDADE */
#politica-privacidade {
	background-color: var(--bg-color-branco);
	padding: 10em 1em;
	}

#politica-privacidade h2{
	font-size: 3em;
	}

#politica-privacidade p,
#politica-privacidade ul{
	font-size: 1.4em;
	}

#politica-privacidade .voltar-pagina {
	background-color: var(--bg-color-azul);
	display: inline-block;
	font-size: 1.3em;
	font-weight: 600;
	margin: 1em auto;
	padding: 1em;
	}

#politica-privacidade .voltar-pagina a {
	color: var(--bg-color-branco);
	text-decoration: none;
	}

/* ATUALIDADES POSTAGENS */
#postagens {
	background: var(--bg-color-branco) url("../img/bg-atualidades.webp") no-repeat center top;
	padding: 10em 1em;
	}

#postagens img.postagens-imagem{
	padding: 0 2em 2em 2em;
	}

#postagens p.postagens-data-hora{
	color: var(--bg-color-vermelho);
	font-family: "arial", serif;
	font-weight: bold;
	padding-top: 0.8em;
	text-align: left;
	}

#postagens p.postagens-titulo{
	color: var(--bg-color-azul);
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.3em;
	text-align: left;
	}

#postagens p.postagens-resumo{
	color: var(--bg-color-preto);
	font-size: 1.4em;
	line-height: 1.3em;
	text-align: left;
	}

#postagens a.postagens-btn{
	background-color: var(--bg-color-azul);
	border-radius: 0;
	border: 0;
	font-size: 1.1em;
	padding: 0.7em 1em;
	}

/* ATUALIDADES POSTAGEM */
#postagem {
	background: var(--bg-color-branco) url("../img/bg-atualidades.webp") no-repeat center top;
	padding: 12em 1em;
	}

#postagem img.postagem-imagem{
	border: 1px solid var(--bg-color-azul);
	margin: 2.5em 0 1.5em 0;
	}

#postagem p.postagem-data-hora{
	color: var(--bg-color-vermelho);
	font-family: "arial", serif;
	padding: 0.8em 0;
	font-size: 1.1em !important;
	}

#postagem h1{
	color: var(--bg-color-azul);
	font-size: 3em;
	font-weight: 600;
	line-height: 1.3em;
	}

#postagem h2{
	color: var(--bg-color-azul);
	font-size: 2em;
	font-weight: 600;
	line-height: 1.3em;
	margin: 1.3em 0;
	}

#postagem p.postagem-fonte{
	color: var(--bg-color-vermelho);
	font-size: 1.2em !important;
	margin: 1.5em 0;
	}

#postagem p.postagem-legenda{
	font-size: 0.9em !important;
	}

#postagem p{
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1.5em;
	}

#postagem ul{
	font-size: 1.4em;
	}

#postagem .postagens-btn{
	background-color: var(--bg-color-azul);
	border-radius: 0;
	border: 0;
	padding: 0.7em 1em;
	}

/* ERRO */
.erro {
	background-color: var(--bg-color-branco);
	padding: 13em 1em;
	}

.erro h1 {
	color: var(--bg-color-vermelho);
	font-size: 2.6em;
	font-weight: 800;
	}

.erro h2 {
	color: var(--bg-color-azul);
	font-size: 1.9em;
	font-weight: 600;
	}

/* FOOTER - CONTATO */
.footer {
	background-color: var(--bg-color-azul);
	color: var(--bg-color-branco);
	margin-top: -9em;
	padding: 10em 0 0 0;
	z-index: 0;
	}

.footer-interna {
	margin-top: 0;
	padding: 4em 0 0 0;
	}

.footer h5{
	font-size: 0.9em;
	font-weight: 800;
	padding-bottom: 1.5em;
	}

.footer .fale-agora{
	font-size: 1em;
	font-weight: 600;
	margin: 1.5em;
	}

.footer .whats-footer{
	color: #fff;
	font-family: "roboto", serif;
	font-size: 1.6em;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
	}

.footer .whatsfooter:hover{
	color: #00ccff;
	}

.footer .escritorios ul{
	list-style-type: none;
	}

.footer .escritorios ul li{
	margin-bottom: 0.4em;
	}

.footer .links ul li{
	margin-bottom: 0.4em;
	}

.footer .links a{
	color: #fff;
	text-decoration: none;
	}

.footer .links a:hover{
	color: #00ccff;
	text-decoration: none;
	}

.footer .icones li a img{
	margin-right: 1.2em;
	}

.footer .copyright {
	padding: 2.5em 0 4em 0;
	}

.footer .copyright p {
	font-size: 0.8em;
	margin: 0;
	}


/* SMARTPHONES */
@media only screen and (max-width: 599px) {

	.padding-section{padding: 2em 0.5em;}

	.navbar-brand {width: 50%;}
	.navbar-collapse {margin-top: 2em;}
	.navbar{background-color: var(--bg-color-azul);padding: 0.9em 0.8em 1em 0.8em;}
	
	.header-whatsapp{background-color: var(--bg-color-azul);padding-bottom: 0.7em;}
	.header-whatsapp img{width: 6%;}
	.header-interno .header-nav {padding-bottom: 0;}

	.erro {padding: 15em 1em;}
	.erro h1 {font-size: 2em;}
	.erro h2 {font-size: 1.2em;}

	h2 {font-size: 2em;margin: 1em 0 1.5em 0;}

	#chamada {padding: 12em 0.5em 2em 0.5em;}
	#chamada h1 {font-size: 1.8em;text-align: center;}
	#chamada p {font-size: 1.1em;text-align: center;}
	#chamada ul {font-size: 1.1em;margin-left: 1.5em;}
	#chamada img.chamada-mapa{margin-top: 1em;width: 85%;}

	#nossa-historia {padding: 2em 1.5em;}
	#nossa-historia .nossa-historia-bloco {margin-top: -8em;padding: 1.8em;}
	#nossa-historia h2 {font-size: 2em;margin: 0.5em 0 1em 0;}
	#nossa-historia p {font-size: 1.1em;padding: 0 0.5em;line-height: 1.3;}

	#area-atuacao {padding: 2em 1.5em;}
	#area-atuacao .area-atuacao-bloco {margin-top: -6em;}
	#area-atuacao .area-box h3 {font-size: 1.5em;padding-bottom: 0.5em;}
	#area-atuacao .area-box p {font-size: 1.25em;line-height: 1.3em;padding: 0 1em;}
	#area-atuacao .area-box img {margin-top: 0.8em;width: 25%;}
	#area-atuacao .area-box h3 {padding-bottom: 0.4em;}

	#nossa-equipe {padding: 10em 1em;margin-top: -9em;}
	#nossa-equipe .nossa-equipe-box {padding:0 0.5em;}
	#nossa-equipe .nossa-equipe-bloco {margin-top: -3em;padding: 1em 1.5em;height: auto;}
	#nossa-equipe p {font-size: 1.2em;}
	#nossa-equipe .nossa-equipe-imagem {display: none;}
	#nossa-equipe .nossa-equipe-imagem-interna {display: block;padding: 0 0 3em 0;}

	#atualidades-home {padding: 2em 1.5em;}
	#atualidades-home .atualidades-bloco {background-color: var(--bg-color-branco);margin-top: -7em;padding: 2em 1.5em;position: relative;z-index: 500;}
	#atualidades-home .atualidades-post {margin: 0 0 1.3em 0;}
	#atualidades-home h2 {margin: 0 0 1.3em 0;}

	#postagens {padding: 3em 1em 4em 1em;}
	#postagens img.postagens-imagem{padding: 1.5em 0 1em 0;}

	#postagem {padding: 10em 1em 6em 1em;}
	#postagem h1{font-size: 2em;line-height: 1.1em;}
	#postagem h2{font-size: 1.8em;line-height: 1.2em;text-align: center;}
	#postagem span.postagem-divisor{display: none;}
	#postagem p{font-size: 1.3em;}
	#postagem ul{font-size: 1.3em;}

	#politica-privacidade h2{font-size: 2.3em;}

	#politica-privacidade p,
	#politica-privacidade ul{font-size: 1.3em;}


	.footer {margin-top: -8em;padding: 10em 1.5em 3.5em 1.5em;}
	.footer-interna {margin-top: 0;}
	.footer h5{padding-top: 1.5em;}
	.footer .logo-footer{width: 60%;}
	.footer .escritorios ul{margin-left: 1em;}
	.footer .links ul{margin-left: 1em;}
	.footer .icones li a img{margin-right: 1.4em;}

	}
  
/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.padding-section{padding: 3em 0.8em;}
	.navbar-brand {width: 40%;}
	.navbar-collapse {margin-top: 2em;}
	.navbar{background-color: var(--bg-color-azul);padding: 1.5em 0.8em;}
	
	.header-whatsapp{padding-bottom: 0.7em;}

	.header-nav{background-color: var(--bg-color-azul);}
	

	#chamada {padding: 15em 0.8em 2.8em 0.8em;}
	#chamada h1 {font-size: 1.6em;text-align: center;}
	#chamada p {font-size: 1em;text-align: center;}
	#chamada ul {font-size: 1em;margin-left: 1.3em;}
	#chamada img.chamada-mapa{margin-top: 1em;width: 90%;}

	#nossa-historia .nossa-historia-bloco {margin-top: -10em;padding: 3em;}

	#nossa-equipe {padding: 10em 1em;margin-top: -9em;}
	#nossa-equipe .nossa-equipe-box {padding:0 0.1em;}
	#nossa-equipe .nossa-equipe-bloco {margin-top: -3em;padding: 1em 4em;height: auto;}
	#nossa-equipe p {font-size: 1.4em;}
	#nossa-equipe .nossa-equipe-imagem {display: none;}
	#nossa-equipe .nossa-equipe-imagem-interna {display: block;padding: 0 0 3em 0;}

	#atualidades-home .atualidades-post {margin: 0 0 1.5em 0;}

	.footer .links ul{margin-left: 0;}
	.footer .icones li a img{margin: 0 0 0 0.35em;}
	.footer h5{padding-top: 1.5em;}
	
	}
  
/* LAPTOP / DESKTOP */
@media only screen and (min-width: 960px) and (max-width: 1280px) {

	#nossa-equipe p {font-size: 1.2em;line-height: 1.3em;}
	.footer .icones li a img{margin-right: 1em;}
	
	}
  
/* DESKTOP */
@media only screen and (min-width: 1281px) {
	
	.escritorios{padding-left: 5em;}
	.logo-header{margin-top: -0.7em;}
	
	#nossa-equipe .nossa-equipe-box {padding: 0 0 0 1em;}
	
	}