:root {
  --primary: #005CA0;
  --dark-blue: #0B4474;
  --light-blue: #69C6FF;
}

.left-size-cadastro p, .quem-pode-cadastrar p, .perguntas-frequentes p, .title-center.fazer-denuncia p, .breadcrumbs-landingpage span, .artigo-text p{
  color: #4D4D4D !important;
}

a {
  text-decoration: none !important;
}

/*----- Header -----*/

header {
  display: flex;
  height: 87px;
  align-items: center;
  background-size: cover;
}

.header-lp {
  background-color: var(--primary);
}

.header-lp img {
  width: 400px;
  height: auto;
  display: flex;
  margin: 0 auto;
  align-items: center;
}

.header-logo-and-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-area-restrita {
  display: flex;
  position: absolute;
  right: 10%;
  color: #fff;
  background-color: var(--dark-blue);
  padding: 10px 25px;
  font-weight: 500;
  border-radius: 10px;
  grid-gap: 5px;
  align-items: center;
  transition: 600ms;
  border: 1.5px solid #fff;
  box-shadow: 0px 1px 13.7px -4px #56a8eb;
}

.btn-area-restrita:hover {
  background-color: #fff;
  color: var(--dark-blue);
  border: 1.5px solid var(--dark-blue);
}

.btn-area-restrita i {
  font-size: 12px;
}

@media screen and (max-width: 991px) {
  .header-lp img {
    width: 295px;
  }
  .btn-area-restrita {
    right: 2%;
    padding: 8px 20px;
    font-size: 14px;
  }
  .header-logo-and-btn {
    justify-content: left;
  }
}

@media screen and (max-width: 425px) {
  .txt-area {
    display: none;
  }
  .btn-area-restrita {
		right: 1%;
		padding: 4px 12px;
		font-size: 12px;
	}
}

/*----- Cadastro de Veículos -----*/

.cadastro-veiculos h3 {
  color: var(--dark-blue);
}

.title-center.cadastro-veiculos {
  padding: 40px 0 20px 0;
}

.cadastro-veiculos a {
  text-decoration: none;
  color: var(--primary);
  padding: 14px;
  border-radius: 10px;
  box-shadow: 0px 1px 13.7px -4px #8FC9F9;
  grid-gap: 10px;
  display: flex;
  width: fit-content;
  border: 1px solid transparent;
  transition: 600ms;
}

.cadastro-veiculos a:hover {
  background-color: #E3F4FB;
  box-shadow: none;
  border: 1px solid var(--primary);
}

.left-size-cadastro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 20px;
}

.left-size-cadastro p{
  line-height: 32px;
}

.section-information {
  display: flex;
  grid-gap: 10%;
}

.mensagem-form .mensagens.container {
  display: flex;
  justify-content: center;
}

.alert.alert-SUCESSO {
	background-color: rgb(235 253 235);
	font-weight: bold;
	color: #4CAF50;
	margin: 0;
	width: 100%;
}

.message-error-cadastro, .alert.alert-ERRO {
  font-weight: 500;
  background-color: #ffe6e6;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  color: #dc3545;
  font-size: 14px;
}

.mensagem-form {
  background-color:#D9E5ED;
  padding: 5px 0;
}

.mensagem-form .form-group {
  display: flex;
	justify-content: center;
}

.form-input-dados {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}

.form-input-dados.input-file {
  justify-content: end;
}

@media screen and (max-width: 1200px) {
  .section-information {
    padding-top: 60px;
  }
  .left-size-cadastro p {
    line-height: 28px;
  }
  .left-size-cadastro {
    grid-gap: 10px;
  }
}

@media screen and (max-width: 991px) {
  .section-information {
    flex-direction: column;
  }
  .right-size-img img {
    display: block;
    margin: 0 auto
  }
}

@media screen and (max-width: 425px) {
  .right-size-img img {
    width: 100%;
  }
}

/*----- "Fazer Cadastro" -----*/

.fazer-cadastro {
  background-color: var(--primary);
  background-size: cover;
  height: 213px;
}

.fazer-cadastro div {
  display: grid;
  grid-template-columns: 4fr 8fr;
  height: 213px;
  align-items: center;
  grid-gap: 10%;
}

.fazer-cadastro a {
  background-color: #fff;
  border-radius: 15px;
  padding: 14px 60px;
  font-weight: bold;
  color: var(--primary);
  text-decoration: none;
  width: fit-content;
  height: fit-content;
  font-size: 22px;
}

.fazer-cadastro a:hover {
  opacity: 80%;
}

.fazer-cadastro p {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.fazer-cadastro span {
  color: var(--light-blue);
}

.fazer-cadastro p {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .fazer-cadastro a {
    padding: 12px 35px;
  }
  .fazer-cadastro p {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .fazer-cadastro div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .fazer-cadastro {
    padding: 40px 0;
    height: auto;
  }
}

/*----- Consultas e Denúncias -----*/

.consultas-e-denuncias .container {
  display: grid;
  grid-template-columns: 4fr 4fr 4fr;
  align-items: center;
  height: 284px;
  grid-gap: 3%;
}

.consultas-e-denuncias .clip-board{
  background-image: url('../img/clip-board.png');
  width: 70px;
  height: 70px;
}

.consultas-e-denuncias .consultar-cadastro, .consultas-e-denuncias .veiculos-cadastrados, .consultas-e-denuncias .fazer-denuncia {
  cursor: pointer;
}

.consultas-e-denuncias .ok-icon{
  background-image: url('../img/ok-icon.png');
  width: 70px;
  height: 70px;
}

.consultas-e-denuncias .microfone-icon{
  background-image: url('../img/microfone-icon.png');
  width: 70px;
  height: 70px;
}

.consultar-cadastro:hover .clip-board{
  background-image: url('../img/clip-board-hover.png');
}

.veiculos-cadastrados:hover .ok-icon{
  background-image: url('../img/ok-icon-hover.png');
}

.fazer-denuncia:hover .microfone-icon{
  background-image: url('../img/microfone-icon-hover.png');
}

.consultas-e-denuncias{
  background-color: #BED8E9;
  align-items: center;
}

.consultas-e-denuncias .container > a {
  background-color: #fff;
  border-radius: 10px;
  width: 390px;
  height: 200px;
  margin: 0 auto;
  display: flex  ;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 15px;
  color: var(--primary);
  font-weight: bold;
  box-shadow: 0px 1px 13.7px -4px #8FC9F9;
  text-decoration: none;
}

.consultas-e-denuncias .container > a:hover {
  background-color: var(--primary);
  color: #fff;
}

.consultas-e-denuncias .container a > img {
  display: flex;
  margin: 0 auto;
}

.consultas-e-denuncias p {
  font-size: 20px;
}

@media screen and (max-width: 1400px) {
  .consultas-e-denuncias .container > a {
    width: 335px;
  }
}

@media screen and (max-width: 1200px) {
  .consultas-e-denuncias .container > a {
    width: 275px;
  }
}

@media screen and (max-width: 991px) {
  .consultas-e-denuncias .container {
    display: flex;
    flex-direction: column;
    height: auto;
    grid-gap: 20px;
    padding: 60px 0;
}
}

/*----- Quem pode se cadastrar -----*/

.quem-pode-cadastrar {
  padding: 60px 0;
}

.quem-pode-cadastrar h3{
  color: var(--dark-blue)
}

.quem-pode-cadastrar ul li > span {
  color: var(--primary);
  font-weight: bold;
}

.quem-pode-cadastrar > div {
  line-height: 32px;;
}

/*----- Perguntas Frequentes -----*/

.perguntas-frequentes {
  padding: 60px 0;
  background-color: #D9E5ED;
}

.perguntas-frequentes h3{
  color: var(--primary);
  margin-bottom: 15px;
}

.perguntas-frequentes p{
  line-height: 28px;
}

.perguntas.accordion-button::after {
  margin-right: 0;
}

#perguntas-frequentes-accordion {
  display: flex;
  flex-direction: column;
  grid-gap: 25px;
}

#perguntas-frequentes-accordion .perguntas.accordion-button, #perguntas-frequentes-accordion .accordion-item{
  border-radius: 5px;
  text-align: left;
}

.ver-mais-perguntas {
  display: flex;
  justify-content: end;
  align-items: center;
}

.ver-mais-perguntas a{
  border: 1px solid var(--primary);
  padding: 10px 12px;
  color: var(--primary);
  border-radius: 10px;
  text-decoration: none;
  margin-top: 4%;
  transition: 600ms;
}

.ver-mais-perguntas a:hover{
  color: #fff;
  background-color: var(--primary)
}

/*----- Footer -----*/

footer {
  background-color: var(--primary);
  background-size: cover;
  color: #fff;
  padding: 60px 0;
}

footer .logo-footer span{
  font-weight: bold;
  font-size: 24px;
  font-family: 'Muller';
}

footer .redes-sociais {
  display: flex;
  grid-gap: 12px;
}

footer .redes-sociais i {
  color: #fff;
  width: 22px;
  font-size: 22px;
  display: flex;
}

footer .redes-sociais a {
  text-decoration: none;
}

footer .redes-sociais a:hover {
  opacity: 60%;
}

footer .blocos-footer {
  display: flex;
  justify-content: space-between;
}

footer .governo-do-estado p, .transparencia p{
  color: var(--light-blue);
  text-transform: uppercase;
  font-weight: bold;
}

footer .governo-do-estado {
  display: flex;
  flex-direction: column;
  line-height: 35px;
  font-weight: 500;
}

footer .governo-do-estado img{
  width: 22px;
  height: 22px;
}

footer .governo-do-estado span, footer .transparencia span {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  cursor: default;
  flex-wrap: wrap;
}

footer .governo-do-estado span:hover, footer .transparencia span:hover {
  opacity: 60%;
}

footer .transparencia span {
  font-weight: 500;
}

footer hr {
  color: #fff;
  border: 1px solid #fff;
}

footer .copyright-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer .copyright-img img{
  width: 250px;
}

footer .transparencia {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}

footer .img-logos {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}

footer .img-logos img{
  width: 250px;
}

footer .logo-footer p {
  line-height: 28px;
  margin-top: 10px;
}

footer .transparencia .radar-img{
  width: 200px;
  margin-bottom: 20px;
}

footer .transparencia .radar-img:hover {
  opacity: 60%;
}

@media screen and (max-width: 991px) {
  footer .blocos-footer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-gap: 50px;
  }
  .copyright-img {
    flex-direction: column;
  }
  .copyright-img  img{
    width: 275px;
  }
}

/*----- Instrução Normativa -----*/

.breadcrumbs-landingpage {
  background-color: #D9E5ED;
  height: 100px;
}

.breadcrumbs-landingpage img {
  width: 24px;
  height: 24px;
}

.breadcrumbs-landingpage div {
  display: flex;
  grid-gap: 10px;
  align-items: center;
}

.breadcrumbs-landingpage div > span{
  display: flex;
  grid-gap: 5px;
  align-items: center;
}

.breadcrumbs-landingpage i {
  font-size: 20px;
}

.title-center {
  background-color: #D9E5ED;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.title-center h1{
  color: var(--primary);
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  justify-content: center;
  display: flex;
}

.title-left h1{
  color: var(--primary);
  font-size: 32px;
  font-weight: 500;
}

.title-left {
  background-color: #D9E5ED;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-center span{
  font-weight: 700;
}

.button-cadastro {
  padding: 10px 40px;
  color: #fff;
  border-radius: 10px;
  background-color: var(--primary);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
}

.button-cadastro:hover {
  opacity: 90%;
}

.button-e-texto {
  display: flex;
  justify-content: end;
  align-items: center;
}

.artigo-text {
  padding: 60px 0;
}

.artigo-text .conteudo-texto {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}

.artigo-text .conteudo-texto > p{
  line-height: 25px;
}

@media screen and (max-width: 768px) {
  .title-center h1, .title-left h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 425px) {
  .button-e-texto {
    display: flex;
    flex-direction: column;
    grid-gap: 30px;
  }

  .button-e-texto p {
    text-align: center;
  }
}

/*----- Cadastro de Veículos Digitais -----*/

.title-center p {
  color: #4D4D4D !important;
}

.formulario-de-cadastro {
  background-color: #D9E5ED;
  padding-bottom: 60px;
}

.title-data {
  color: #2B65B4;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 1%;
}

.inputs-campos {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  margin: 0 auto;
}

.inputs-campos input {
  height: 47px;
}

.col-divididos {
  display: grid;
  grid-gap: 20px;
}

.msg-secom-google {
  font-weight: 900 !important;
}

.col-divididos.grid-three {
  grid-template-columns: 4fr 4fr 4fr;
}

.col-divididos.grid-two.three-and-eight {
  grid-template-columns: 4fr 8.3fr;
}

.col-divididos.grid-two {
  grid-template-columns:  6fr 6fr;
}

.input-placeholder::placeholder {
  color: #7695AB !important;
}

.warning-form {
  color: #7695AB;
}
.warning-form span {
  font-weight: 500;
}

.inputs-campos p {
  color: #2B65B4;
  font-weight: 600;
}

.span_btn-form-submit {
  display: flex;
  justify-content: end;
  align-items: center;
}

.accordion-footer {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 10px;
}

.btn-submit-form {
  background-color: var(--primary);
  padding: 10px 40px;
  color: #fff;
  border: none;
  border-radius: 10px;
  text-align: center;
  display: flex;
  font-weight: 500;
}

.btn-submit-form:hover {
  opacity: 90%;
}

#btn-revisar {
  padding: 10px 15px;
  background-color: #fd9800;
  font-size: 12px;
}

.formulario-de-cadastro input[type='file'] {
  display: none;
}


@media screen and (max-width: 991px) {
  .col-divididos.grid-three, .col-divididos.grid-two.three-and-eight, .col-divididos.grid-two  {
    grid-template-columns: 12fr;
  }
}

/*----- Fazer Denuncia -----*/

.fazer-denuncia p{
  text-align: left;
}

.text-lower {
  text-transform: capitalize;
}

.form-fazer-denuncia {
  background-color: #D9E5ED;
  padding: 60px 0;
}

.form-fazer-denuncia input[type='file'] {
  display: none;
}

.label-input-file {
  background-color: #fff;
  border-radius: 5px;
  color: #7695AB;
  height: 47px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 15px;
  grid-gap: 10px;
}

.alert.alert-danger p {
  margin: 0;
  color: red;
}

.error-input {
  box-shadow: #ff6868 0px 0px 5px 1px;
}

.span-error {
  color: red;
  font-size: 14px;
  font-weight: 500;
  opacity: 70%;
}

@media screen and (max-width: 425px) {
  .label-input-file {
    font-size: 14px;
  }
}

/*----- Consultar Cadastro -----*/

.form-consultar-cadastro {
  background-color: #D9E5ED;
  padding-bottom: 60px;
}

.codigo-digitado {
  display: flex;
  justify-content: center;
  align-items: center;
}

.codigo-digitado span{
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  color: #4d4d4d;
}

.resultado-analise .btn-submit-form{
  padding: 10px 84px;
}

.resultado-consulta-img {
  margin: 0 auto;
	display: block;
  padding: 50px 0;
}

.accordion-button.motivo-reprovacao::after {
  margin-right: 0;
}

.accordion-button.collapsed.motivo-reprovacao, .accordion-button:not(.collapsed).motivo-reprovacao{
  box-shadow: unset;
}

.accordion.motivo {
  width: 486px;
}

button.motivo-reprovacao {
  font-weight: 500;
}

.campos_revisao {
  display: flex;
	flex-direction: column;
	justify-content: center;
	grid-gap: 10px;
  padding: 10px 0;
}

.status-badge .banner-status{
	font-weight: 500;
	padding: 25px;
	border-radius: 10px;
	width: 60%;
	font-size: 14px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 25px auto;
  grid-gap: 7px;
}

.status-badge.reprovado .banner-status{
	background-color: #FFDDDD;
	color: #EF4444;
  border: 1px solid #EF4444;
}

.status-badge.em-analise .banner-status {
	background-color: #FFEDA3;
	color: #7B6303;
  border: 1px solid #7B6303;
}

.status-badge.aprovado .banner-status {
	background-color: #C9F0D8;
	color: #148D41;
  border: 1px solid #148D41
}

.status-badge.em-revisao .banner-status {
	background-color: #FFC46C;
	color: #8F4D01;
  border: 1px solid #8F4D01;
}

.status-badge.nao-encontrado .banner-status {
	background-color: #F0F0F0;
	color: #6B7280;
  border: 1px solid #6B7280;
}


.status-title {
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.status-title I {
  font-size: 28px;
}

.btn-revisao {
  display: flex;
  justify-content: end;
}

.banner-status p {
  margin: 0;
}

.btns-motivo-reprovacao {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-style-veiculos {
  width: 400px;
  height: auto;
  position: absolute;
  margin: 0px auto;
  display: none;
}

@media screen and (max-width: 540px) {
  .resultado-consulta-img, .accordion.motivo {
    width: 360px;
  }
}

@media screen and (max-width: 400px) {
  .resultado-consulta-img, .accordion.motivo {
    width: 300px;
  }
  .accordion-button.motivo-reprovacao {
    font-size: 14px;
  }
}

/*----- Veículos Cadastrados -----*/

.veiculos-cadastrados-section {
  padding: 0px 0px 60px 0px;
  background-color: #D9E5ED;
}

.veiculos-cadastrados-section input {
  height: 40px;
  width: 100%;
  border: 1px solid transparent;
  padding: 10px;
  transition: 700ms;
}

.veiculos-cadastrados-section .bi-search {
  color: #83ADCF;
  font-size: 16px;
}

.input-search-veiculos {
  display: flex;
  align-items: center;
  width: 51%;
}

.veiculos-cadastrados-section .input-search-veiculos:hover input{
  border: 1px solid var(--primary);
}

.veiculos-cadastrados-section .input-search-veiculos:hover .bi-search{
  color: var(--primary);
}

.veiculos-cadastrados-section .input-search-veiculos button:hover {
  background-color: var(--primary);
  transition: unset;
}

.veiculos-cadastrados-section .input-search-veiculos button:hover .bi-search {
  color: #fff;

}

.veiculos-cadastrados-section .container {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}

.cards-veiculos-cadastrados {
  padding: 30px 0;
  display: grid !important;
  grid-template-columns: 6fr 6fr;
}

.card-veiculo-cadastrado {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  background-color: #fff;
  border-radius: 16px;
  padding: 25px;
  width: 100%;
}

.nome-veiculo-cadastrado {
  color: var(--primary);
  font-weight: 700;
  font-size: 18px;
}

.cards-veiculos-cadastrados hr {
  border: 1px solid #c0c0c0cc;
  margin: 0;
}

.titulo-informacoes {
  color: var(--primary);
  font-weight: 500;
  line-height: 30px;
}

.informacoes-veiculo-cadastrado {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
}

.informacoes-veiculo-cadastrado span {
  display: flex;
  align-items: center;
  grid-gap: 7px;
}

.informacoes-veiculo-cadastrado i {
  color: var(--primary);
  font-size: 18px;
}

.button-veiculos-card {
  background-color: var(--primary);
  padding: 10px 15px;
  margin-top: 10px;
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  font-size: 14px;
  width: fit-content;
}

.button-veiculos-card:hover {
  background-color: var(--dark-blue);
}

.envio-veiculos {
  display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 50%;
  width: fit-content;
  background-color: #ECF1F5;
  border-radius: 3px;
  border: 1px solid transparent;
}

.pagination-veiculos .page-item .page-link.previous-item, .pagination-veiculos .page-item .page-link.next-item {
  background-color: transparent;
  padding: 0;
}

.pagination-veiculos .page-item i {
  color: var(--primary);
  font-size: 20px;
}

.pagination-veiculos .page-item.disabled i {
  color: #78858F;
}

.pagination-veiculos .pagination {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.pagination-veiculos .page-item .page-link {
  border-radius: 7px;
  background-color: #fff;
  color: #83ADCF;
  border: 1px solid transparent;
}

.pagination-veiculos .page-item.active .page-link {
  background-color: var(--primary);
  color: #fff;
}

.pagination-veiculos .page-item .page-link:focus {
  box-shadow: none;
}

@media screen and (max-width: 991px) {
  .veiculos-cadastrados-section .container {
    width: 80%;
  }
}

@media screen and (max-width: 540px) {
  .input-search-veiculos {
    width: 100%;
  }

  .envio-veiculos {
    right: 14%;
  }

  .pagination-veiculos .pagination {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 425px) {
  .envio-veiculos {
    right: 6%;
  }
  .veiculos-cadastrados-section .container {
    width: 100%;
  }
  .button-veiculos-card {
    margin: 0 auto;
  }
  .informacoes-veiculo-cadastrado span {
    flex-direction: column;
  }
}


/*-----  Perguntas Frequentes -----*/

section.todas_as_perguntas {
  background-color: #D9E5ED;
  padding-bottom: 40px;
}

.search-perguntas #button-busca {
    border: transparent;
	position: absolute;
	right: 9px;
	top: 7px;
    background-color: transparent;
}

.search-perguntas #button-busca i {
    color: #6C757D;
}

#busca-perguntas {
    border-radius: 4px;
    height: 40px;
    border: 1px solid #D9D9D9;
}

.search-perguntas .input-group {
  width: 50%;
}