/** Folha de Estilos do Portal dos Advogados**/

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/*** Animações e Efeitos - add a classe do efeito e a classe adv **/
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.fade-in-left {
  transform: translateX(-60px);
}
.fade-in-right {
  transform: translateX(60px);
}
.fade-in-down {
  transform: translateY(60px);
}
@media (max-width: 767px) {
  .fade-in {
    opacity: 1 !important;
    transform: none !important;
  }
}

.bg-animation {
  position: relative;
  overflow: hidden;
}
.bg-animation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eef0fb;
  transform: translateX(-100%);
  transition: transform 0.7s ease-in-out;
  z-index: 0;
}
.bg-animation:hover::before {
  transform: translateX(0);
}
.bg-animation:hover {
  color: #1a1a1e;
}

/*** Geral **/
.portal-adv {
  font-family: "Roboto", sans-serif;
}
.container-adv {
  max-width: 1196px;
}
.h3-adv {
  font-size: 42px;
  font-weight: 600;
  line-height: 150%;
}
.h4-adv {
  font-size: 23px;
  font-weight: 400;
  line-height: 140%;
}
.h-adv-light {
  color: #1a1a1e;
}
.h-adv-dark {
  color: #ffffff;
}
.space-sections-adv {
  margin-top: 120px;
}
.divisoria {
  margin: 60px auto;
}
.divisoria > img {
  width: 200px;
}
.card-adv {
  cursor: pointer;
}
.btn-adv {
  background: #007b5f;
  border-radius: 8px;
  max-width: 428px;
  min-height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  padding: 16px 24px;
}
.btn-adv > a {
  font-size: 23px;
  font-weight: 600;
  line-height: 150%;
  color: #f2f2f2;
}
.btn-adv:hover {
  background-color: #005944;
}
.btn-primary-adv {
  background: #007b5f;
  border-radius: 8px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
}
.btn-primary-adv > a {
  font-size: 19px;
  font-weight: 600;
  line-height: 150%;
  color: #f2f2f2;
  @media (max-width: 600px) {
    font-size: 16px;
  }
}
.btn-primary-adv:hover {
  background-color: #005944;
}
.btn-secondary-adv {
  background: transparent;
  border: 1px solid #007b5f;
  border-radius: 8px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
}
.btn-secondary-adv > a {
  color: #007b5f;
  font-size: 19px;
  font-weight: 600;
  line-height: 150%;
  @media (max-width: 600px) {
    font-size: 16px;
  }
}
.btn-secondary-adv:hover {
  background-color: #e0f0ed;
}
.mb-120 {
  margin-bottom: 120px;
}

/*** Bem-vindo **/
.bg-dark-hero-adv {
  background-color: rgba(1, 66, 106, 0.8);
  background-image: url("https://www.trt18.jus.br/portal/wp-content/themes/tema-trt18v2.1/images/portal_adv/imagens/bg_bemvindo_hero.webp");
  background-size: cover;
  background-blend-mode: luminosity;
}
.titulo-adv {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  color: #2a4b7e;
}
.subtitulo-adv {
  font-size: 23px;
  font-weight: 400;
  line-height: 140%;
  color: #262626;
}
.aviso-alerta-adv {
  background: #fff2da;
  border-left: 8px solid #fba700;
  font-weight: 400;
  line-height: 150%;
}
.aviso-alerta-adv > span {
  font-size: 19px;
}
.aviso-info-adv {
  background: #dfeefc;
  border-left: 5px solid #0062bc;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.aviso-alerta-adv a,
.aviso-info-adv a {
  font-size: 16px;
  text-decoration: underline !important;
  color: #1a1a1e;
}
.img-adv {
  border-radius: 8px;
  height: 310px;
  width: 528px;
  object-fit: cover;
  @media (max-width: 600px) {
    margin-bottom: 24px;
  }
}

a.btn-green-adv {
  padding: 4px 12px;
  border: 1px solid #007b5f;
  border-radius: 8px;
  background: transparent;
  min-width: 280px;
  height: 58px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #007b5f;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 600px) {
  a.btn-green-adv {
    min-width: 100%;
  }
}

a.btn-green-adv:not(:last-child) {
  margin: 28px 0;
}
@media (max-width: 600px) {
  a.btn-green-adv:not(:last-child) {
    margin: 12px 0;
  }
}

a.btn-green-adv:hover {
  background-color: #e0f0ed;
}

/*** Section Consulta Processual **/
.descricao-consulta-adv {
  background: var(--azul-escuro-2);
  padding: 4px 12px 4px 12px;
  font-weight: bold;
  font-size: 0.875rem;
  color: var(--branco);
  min-width: 206px;
  @media (max-width: 1180px) {
    min-width: 170px;
  }
  @media (max-width: 600px) {
    width: 100%;
    margin-bottom: 8px;
  }
}
.inputs-consulta-adv {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
button.consulta-adv {
  color: var(--branco);
  font-size: 0.875rem;
  font-weight: bold;
  border-radius: 0;
  border: 0;
  margin: 0 2px;
}
#p_num_cnj-adv {
  width: 120px;
  @media (max-width: 600px) {
    width: 82px;
  }
}
#p_dig_cnj-adv {
  width: 48px;
  @media (max-width: 600px) {
    width: 50px;
  }
}
#p_ano_cnj-adv {
  width: 80px;
  @media (max-width: 600px) {
    width: 50px;
  }
}
#cinco-adv {
  width: 80px;
  @media (max-width: 600px) {
    width: 60px;
  }
}
#regional-adv {
  width: 80px;
  @media (max-width: 600px) {
    width: 50px;
  }
}
#cinco-adv:read-only,
#regional-adv:read-only {
  cursor: not-allowed;
  background-color: #eeeeee;
  color: #807e7e;
}
#p_vara-adv {
  width: 80px;
  @media (max-width: 600px) {
    width: 50px;
  }
}
#btn-consulta-completa-adv {
  width: 176px;
  @media (max-width: 600px) {
    width: 100%;
    margin-bottom: 4px;
  }
}
#btn-consulta-simplificada-adv {
  width: 202px;
  @media (max-width: 600px) {
    width: 100%;
    margin-bottom: 4px;
  }
}
#btn-reset-adv {
  width: 84px;
  @media (max-width: 600px) {
    width: 100%;
  }
}

/*** Section PJe **/
.card-pje-adv {
  min-width: 270px;
  min-height: 190px;
  cursor: pointer;
  margin-top: 40px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.card-pje-img-adv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  background: #fafafa;
  transition: all 0.3s ease-in-out;
}
.card-pje-titulo-adv,
.card-aud-titulo-adv,
.card-atend-titulo-adv {
  font-size: 19px !important;
  font-weight: 500;
  line-height: 150% !important;
  color: #1a1a1e;
  padding: 4px 12px 12px 12px;
  margin: 0;
}
.card-pje-subtitulo-adv,
.card-aud-subtitulo-adv,
.card-atend-subtitulo-adv {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 150% !important;
  color: #1a1a1e;
  padding: 12px 12px 0px;
  margin: 0;
}
.card-atend-adv:hover {
  background: #fdf9df;
}
.card-pje-adv:hover .card-pje-img-adv {
  background: #f3f6fa;
}

/*** Section Audiência e Sessões **/
.card-aud-adv {
  width: 370px;
  height: 132px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  align-items: center;
}
.card-aud-img-adv {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-aud-titulo-adv,
.card-aud-subtitulo-adv,
.card-atend-titulo-adv,
.card-atend-subtitulo-adv {
  padding: 8px 0 0 0;
}

.card-aud-text-adv {
  width: 180px;
  @media (max-width: 600px) {
    width: 100%;
  }
}
.grid-container-aud-adv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 42px;
  margin-top: 52px;
}

.card-aud-adv:hover {
  background: #f3f6fa;
}

/*** Section Atendimento e Suporte **/
.bg-dark-adv {
  background-color: rgba(1, 66, 106, 0.8);
  background-image: url("https://www.trt18.jus.br/portal/wp-content/themes/tema-trt18v2.1/images/portal_adv/imagens/bg_atendimento_e_suporte.webp");
  background-size: cover;
  background-blend-mode: luminosity;
}
.card-atend-adv {
  width: 542px;
  height: 152px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #93a8b4;
  padding: 16px;
  display: flex;
  align-items: center;
  margin-top: 42px;
  background: #fdfcf6;
  text-align: left;
  @media (max-width: 600px) {
    width: 100%;
  }
}
.card-atend-img-adv {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-atend-text-adv {
  padding-inline: 16px;
}
.contatos-atend-adv {
  margin-top: 52px;
  margin-bottom: 120px;
  font-size: 19px;
  line-height: 150%;
  font-weight: 400;
  color: #ffffff;
}
.contatos-titulo-atend-adv {
  font-size: 23px !important;
  line-height: 140% !important;
  font-weight: 600;
}

/*** Section Pesquisa de Jurisprudência **/
.card-juris-adv {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  max-width: 266px;
  margin-top: 52px;
  @media (max-width: 600px) {
    max-width: 100%;
  }
}
.card-juris-img-adv {
  max-width: 266px;
  object-fit: cover;
  @media (max-width: 600px) {
    max-width: 100%;
  }
}
.card-juris-desc-adv {
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1a1a1e;
  text-align: left;
  margin-left: 8px;
}
.card-juris-desc-adv > img {
  margin-right: 8px;
}
.juris-desc-adv {
  max-width: 706px;
  font-size: 23px !important;
  font-weight: 400;
  line-height: 150%;
  margin-top: 52px;
  display: inline-block;
}

/*** Section Utilitários a Advogacia **/
.utils-items-list-adv {
  list-style: none;
  margin: 0;
  margin-top: 52px;
  padding: 0;
}
.utils-items-list-adv > li {
  display: flex;
  align-items: center;
  gap: 46px;
  text-align: left;
  @media (max-width: 600px) {
    flex-direction: column;
  }
}
.utils-items-list-adv > li:not(:last-child) {
  margin-bottom: 42px;
}
.utils-item-img-adv {
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  object-fit: cover;
}
.utils-item-titulo-adv {
  font-size: 23px;
  font-weight: 700;
  line-height: 150%;
  display: inline-block;
  margin-bottom: 12px;
  color: #1a1a1e;
}
/*.utils-item-titulo-adv > a {
  color: #1a1a1e;
}*/
/* animacao titulo */
.utils-item-titulo-adv a {
  position: relative; /* Necessário para posicionar o pseudo-elemento */
  text-decoration: none; /* Remove o sublinhado padrão */
  color: inherit; /*Herda a cor do texto do elemento pai*/
}

.utils-item-titulo-adv a::after {
  content: "";
  position: absolute;
  bottom: -2px; /* Ajuste a distância do sublinhado em relação ao texto */
  left: 0;
  width: 0;
  height: 2px; /* Espessura do sublinhado */
  background-color: #1a1a1e; /* Cor do sublinhado */
  transition: width 0.3s ease; /* Define a animação */
}

.utils-item-titulo-adv a:hover::after {
  width: 100%; /* Expande o sublinhado ao passar o mouse */
}
.utils-item-subtitulo-adv {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  display: block;
  color: #1a1a1e;
}

/*** Section Board **/
/*.board-adv {
  width: 100%;
  background: #01426a;
  color: #ffffff;
  border-radius: 24px;
  padding: 120px 0;
}*/
.board-adv {
  width: 100%;
  min-height: 464px;
  border-radius: 24px;
  border: 1px solid #d7d7db;
  background: #ffffff;
  padding-inline: 80px;
  @media (max-width: 600px) {
    padding: 82px 0;
  }
}
.board-adv > img {
  max-width: 380px;
  max-height: 380px;
  object-fit: cover;
  @media (max-width: 600px) {
    width: 90%;
  }
}
.board-text-adv {
  max-width: 842px;
}
.board-adv > p {
  color: #ffffff;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 150% !important;
  margin-bottom: 16px;
  padding-inline: 172px;
  @media (max-width: 600px) {
    padding-inline: 24px;
  }
}
.jusbr-titulo-adv {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 150% !important;
}

/*** Section Intimacoes e Notificacoes **/
.inti-card-adv {
  width: 572px;
  height: 170px;
  color: #1a1a1e !important;
  border: 1px solid #a1a1aa;
  margin-top: 52px;
  border-radius: 8px;
  @media (max-width: 600px) {
    width: 100%;
  }
}
.inti-card-header-adv {
  height: 35px;
  width: 100%;
  background: #3d81ab;
  border-radius: 8px 8px 0 0;
}
.inti-card-text-sigla-adv {
  padding: 12px 12px 4px 12px;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px !important;
  text-align: left;
}
.inti-card-text-descricao-adv {
  padding: 0 12px;
  font-size: 20px !important;
  font-weight: 500;
  line-height: 28px !important;
  text-align: left;
}

.inti-card-adv:hover {
  background: #f3f6fa;
}

/*** Section Acesse o Serviço **/
.acess-adv {
  width: 100%;
  min-height: 464px;
  border-radius: 24px;
  border: 1px solid #d7d7db;
  background: #fdfcf6;
  padding-inline: 80px;
  @media (max-width: 600px) {
    padding: 82px 0;
  }
}
.acess-adv > img {
  max-width: 380px;
  max-height: 380px;
  object-fit: cover;
  @media (max-width: 600px) {
    width: 90%;
  }
}
.acess-action-adv {
  max-width: 570px;
  @media (max-width: 600px) {
    width: 90%;
  }
}
.acess-action-adv > p {
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
  color: #1a1a1e !important;
  margin-top: 16px;
  margin-bottom: 32px;
}
.acess-action-titulo-adv {
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
  color: #1a1a1e;
}
.acess-btn-primary-adv {
  min-width: 155px;
  margin-right: 24px;
}
.acess-btn-secondary-adv {
  /*max-width: 115px;*/
  @media (max-width: 600px) {
    max-width: 115px;
  }
}

/*** Section Institucional **/
.grid-container-inst-adv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  column-gap: 130px;
  row-gap: 24px;
  margin-top: 52px;
}
.inst-card-adv {
  max-width: 414px;
  display: flex;
  align-items: center;
}
.inst-card-adv > span {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #1a1a1e;
  margin-left: 30px;
  text-align: left;
  z-index: 1;
  @media (max-width: 600px) {
    margin-left: 20px;
  }
}
.inst-card-adv > img {
  border: 8px solid #d2dae8;
  z-index: 1;
  @media (max-width: 600px) {
    width: 25%;
    border: 4px solid #d2dae8;
  }
}
