.fluid-sic {
  padding-top: clamp(3rem, 6vw, 4rem);
  padding-bottom: clamp(3rem, 6vw, 4rem);
}

.fluid-sic .panel-formulario .form-label {
  font-family: "Inter-SemiBold", "sans-serif";
  font-size: 0.8rem;
  line-height: 1.5;
  color: #1A1A1A;
  margin-top: 0;
  margin-bottom: 0px;
}

.fluid-sic .panel-formulario .aviso {
  font-family: "Inter-Regular", "sans-serif";
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #1A1A1A;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 991.9px) {
  .fluid-sic .panel-formulario .btn-padrao--primario {
    width: fit-content;
  }
}

.fluid-sic .col-contato .card-contato {
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #EBEEF7;
  border-radius: 32px;
  padding-block: clamp(1.7rem, 5.4vw, 3.2rem);
  padding-inline: clamp(1.7rem, 3.8vw, 2.4rem);
}

@media screen and (max-width: 395.9px) {
  .fluid-sic .col-contato .card-contato {
    overflow: visible;
    padding-block: 24px;
    padding-inline: 18px;
  }
}

.fluid-sic .col-contato .card-contato .card-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 3.2vw, 2rem);
}

.fluid-sic .col-contato .card-contato .card-info .card-titulo {
  font-family: "Inter-Bold", "sans-serif";
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 130%;
  color: #1E3A8A;
  margin-bottom: 0;
}

.fluid-sic .col-contato .card-contato .card-info .list-contato {
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 2.4vw, 1.6rem);
}

.fluid-sic .col-contato .card-contato .card-info .list-contato a:hover .info-contato, .fluid-sic .col-contato .card-contato .card-info .list-contato a:focus .info-contato {
  text-decoration: underline;
}

.fluid-sic .col-contato .card-contato .card-info .list-contato a:active .info-contato {
  text-decoration: overline;
}

.fluid-sic .col-contato .card-contato .card-info .list-contato a .info-contato {
  display: flex;
  gap: 8px;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: "Inter-Regular", "sans-serif";
  font-size: 0.8rem;
  line-height: 150%;
  color: #212121;
}

.fluid-sic .col-contato .card-contato .card-info .list-contato a .info-contato .icon-contato {
  width: 24px;
  height: 24px;
}

.fluid-sic .col-contato .card-contato .card-info .list-contato a .info-contato .icon-contato path {
  fill: #212121;
}

.fluid-sic .col-formularios .card-contato {
  display: flex;
  border-radius: 32px;
  background-color: #FFF;
  box-shadow: -4px 4px 16px 0 rgba(0, 0, 0, 0.05);
  padding: 48px 32px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.fluid-sic .col-formularios .card-contato .titulo-card {
  color: #1A1A1A;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.fluid-sic .col-formularios .card-contato .descricao-card {
  color: #424242;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.fluid-sic .col-formularios .card-contato .card-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #1E3A8A;
  font-size: 0.8rem;
}

.fluid-sic .col-formularios .card-contato .card-btn svg {
  width: 16px;
  height: 16px;
}

.fluid-sic .col-formularios .card-contato .card-btn svg path {
  fill: #1E3A8A;
}

.fluid-sic .col-formularios .card-contato:hover, .fluid-sic .col-formularios .card-contato:focus {
  background-color: #1E3A8A;
}

.fluid-sic .col-formularios .card-contato:hover .titulo-card,
.fluid-sic .col-formularios .card-contato:hover .descricao-card,
.fluid-sic .col-formularios .card-contato:hover .card-btn,
.fluid-sic .col-formularios .card-contato:hover .info-contato, .fluid-sic .col-formularios .card-contato:focus .titulo-card,
.fluid-sic .col-formularios .card-contato:focus .descricao-card,
.fluid-sic .col-formularios .card-contato:focus .card-btn,
.fluid-sic .col-formularios .card-contato:focus .info-contato {
  color: #ffffff;
}

.fluid-sic .col-formularios .card-contato:hover .card-btn svg path,
.fluid-sic .col-formularios .card-contato:hover .icon-contato path, .fluid-sic .col-formularios .card-contato:focus .card-btn svg path,
.fluid-sic .col-formularios .card-contato:focus .icon-contato path {
  fill: #ffffff;
}

.fluid-sic .col-formularios .card-contato:active {
  background-color: #FBC02D;
}

.fluid-sic .col-formularios .card-contato:active .titulo-card,
.fluid-sic .col-formularios .card-contato:active .descricao-card,
.fluid-sic .col-formularios .card-contato:active .card-btn,
.fluid-sic .col-formularios .card-contato:active .info-contato {
  color: #1A1A1A;
}

.fluid-sic .col-formularios .card-contato:active .card-btn svg path,
.fluid-sic .col-formularios .card-contato:active .icon-contato path {
  fill: #1A1A1A;
}

.fluid-sic .col-formularios .card-contato .info-contato {
  display: flex;
  gap: 8px;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: "Inter-Regular", "sans-serif";
  font-size: 0.8rem;
  line-height: 150%;
  color: #212121;
}

.fluid-sic .col-formularios .card-contato .info-contato .icon-contato {
  width: 24px;
  height: 24px;
}

.fluid-sic .col-formularios .card-contato .info-contato .icon-contato path {
  fill: #212121;
}

.form-group-padrao select {
  color: #212121;
}

.form-group-padrao select:invalid {
  color: #757575;
}

.form-group-padrao select option {
  color: #212121;
}

.col-files-norm .inputFile-custom {
  position: relative;
  padding: 8px 16px;
  border-radius: 32px;
  background-color: #FFF;
  box-shadow: -4px 4px 16px 0 rgba(0, 0, 0, 0.05) !important;
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* esconde o input nativo */
.col-files-norm .inputFile-custom input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.col-files-norm .inputFile-custom .fas {
  color: #757575;
  font-size: 0.7rem;
  position: absolute;
  right: 26px;
  transform: rotate(90deg);
}

.col-files-norm .inputFile-custom .info-file {
  font-family: "Inter-Regular", "sans-serif";
  font-size: 0.8rem;
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
