@import url("root.css");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap");

.container-fluid {
  width: 80vw !important;
  display: block;
  margin: 0 auto;
}

.container-fluid .card {
  padding: 1rem 3rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e9eaed;
}

.navbar-toggler {
  margin-right: 5vw;
  border: none !important;
}

.navbar button i {
  color: #fff;
  font-size: 1.5rem;
}
.navbar {
  background: var(--color-primary);
  min-height: 4rem;
}

.title {
  color: var(--color-primary);
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

.title-page {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 44px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-primary);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin-top: 4rem;
}

footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px 0px;
  gap: 10px;
  width: 100%;
  height: 80px;
  background: #fbfbfb;
  margin-top: 5rem;
}

footer a {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #666666;
}

.btn-outline {
  /* Button */

  box-sizing: border-box !important;

  /* Auto layout */
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 13px 20px 13px 24px !important;
  gap: 6px !important;

  min-width: 150px !important;
  height: 48px !important;

  border: 1px solid var(--color-primary) !important;
  border-radius: 60px !important;

  /* Inside auto layout */
  flex: none !important;
  order: 0 !important;
  flex-grow: 0 !important;
  font-size: 16px !important;
}

.btn-primary {
  font-size: 16px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 13px 20px 13px 24px !important;
  gap: 6px !important;

  min-width: 150px !important;
  height: 48px !important;
  color: #fff !important;
  border: none !important;
  background: var(--color-primary) !important;
  border-radius: 60px !important;

  /* Inside auto layout */
  flex: none !important;
  order: 1 !important;
  flex-grow: 0 !important;
}

.btn-primary:disabled {
  color: #666666 !important;
  border: none !important;
  background: #e6e6e6 !important;
}

.actions {
  /* grupo de botoes */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 18px 0px;
  gap: 32px;

  width: 100%;
  height: 84px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
select {
  /* Frame 122 */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px 8px 16px;
  gap: 8px;
  height: 48px;
  border-radius: 4px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.form-label {
  font-weight: 700;
  color: #777;
}

.subtitle {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;

  color: var(--color-primary);

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.card-oferta {
  padding: 10px 20px;
}

.text-banner {
  /* Frame 2147223806 */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 0px;
  gap: 10px;

  width: 100%;
  height: 46px;

  background: #f2f2f2;
  border-radius: 8px 8px 0px 0px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  border-bottom: 1px solid var(--color-primary);
  padding-top: 1rem;
}

.banner-oferta {
  background: #c5e64f;
  color: var(--color-primary);
}

.btn-primary.bg-primary {
  background: var(--color-primary) !important;
  color: #fff !important;
}

/* Estilos específicos para telas menores (dispositivos móveis) */
@media only screen and (max-width: 768px) {
  .container-fluid {
    width: 95vw !important;
  }
  .title-page {
    margin-top: 2rem;
  }
}

.pre-contrato p {
  text-align: justify;
}

.pre-contrato p b {
  color: var(--color-primary);
  font-weight: 700;
}

.pre-contrato .form-check input {
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}

.pre-contrato .form-check label {
  font-size: 1rem;
  line-height: 1.1rem;
  margin-left: 0.3rem;
  margin-top: 0.4rem;
  font-weight: 700;
  cursor: pointer;
  color: var(--color-primary);
}

.menu-lateral {
  background: var(--color-primary);
  padding: 1.5rem !important;
}

.menu-lateral label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-primary);
}

.menu-lateral h6 {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

.menu-lateral .form-check-label {
  font-size: 0.9rem;
  font-weight: 500 !important;
  color: #000;
  margin-top: 0.16rem;
  margin-left: 0.3rem;
}

.menu-lateral .form-check-input {
  width: 1.2rem;
  height: 1.2rem;
}

.form-check {
  margin-top: 0.5rem;
  cursor: pointer;
}

.documentos .form-check-input:checked {
  background-color: #b3df0d !important; /* Cor de fundo ao ser selecionado */
  border-color: #b3df0d !important; /* Cor da borda ao ser selecionado */
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.733398 3.31071L3.9334 6.51071L9.80006 0.644043' stroke='%23053C1E'/%3E%3C/svg%3E");
}

.documentos .form-check-input:checked::after {
  color: var(--color-primary) !important; /* Cor do check */
  font-size: 16px !important;
  position: absolute !important;
  top: 2px !important;
  left: 4px !important;
}

.menu-lateral .form-check-input:checked {
  background-color: var(--color-primary) !important; /* Cor de fundo ao ser selecionado */
  border-color: var(--color-primary) !important; /* Cor da borda ao ser selecionado */
}

.menu-lateral .form-check-input:checked::after {
  color: var(--color-primary) !important; /* Cor do check */
  font-size: 16px !important;
  position: absolute !important;
  top: 2px !important;
  left: 4px !important;
}

.label-protocolo {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.protocolo {
  display: block;
  margin: 0 auto;

  height: fit-content;
  padding: 5px 16px 0px 16px;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  width: fit-content;
}

.protocolo button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 8px;
  border: none;
  background: var(--color-primary);
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  margin-left: 2rem;
}

.protocolo h6 b {
  display: inline-block;
  font-family: "Arial";
  font-weight: 700;
  font-size: 1.9rem !important;
  text-align: center;
  color: #000d0b;
}

.protocolo_content .passos h6 {
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  margin-top: 4rem;
}
.protocolo_content a.btn-primary {
  text-decoration: none;
  margin-top: 5rem !important;
  width: fit-content;
  display: block;
  margin: 0 auto;
}