@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

@import url(./frameworks/bootstrap.css);
@import url(./frameworks/bootstrap-icons.css);

@import url(./normalize.css);
@import url(./reset.css);
@import url(./variaveis.css);

@import url(./elementos/loader.css);
@import url(./elementos/no-script.css);
@import url(./elementos/consultas-arquivos-links.css);
@import url(./elementos/modal-informacoes-pagina.css);
@import url(./elementos/footer.css);
@import url(./elementos/form.css);
@import url(./elementos/links-faceis-confirmacao.css);
@import url(./elementos/secao-controlada.css);
@import url(./elementos/banner.css);

@import url(./paginas/desligamento.css);

html{
  scroll-behavior: smooth;
  font-size: 16px;
}

html:not([data-bs-theme="dark"]){
  .body{
    background-color: var(--bckg-default);
  }
}

*, body{
  font-family: 'Inter', sans-serif;
  font-size: 16px;
}

body, [data-input], textarea{
  color: var(--cor) !important;
}

.swal2-html-container{
  font-size: 1rem !important;
}

main{
  min-height: calc(100vh - 12.5rem);
}

.link-visivel{
  text-decoration: underline;
}

.hgroup{
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

[data-hgroup="confirmacao-cca"]{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--bb-color-hgroup-confirmacao-cca);
}

.hgroup .hgroup-titulo{
  font-weight: 600 !important;
  margin-right: 0.5rem;
}

.hgroup .hgroup-acoes button:not(:last-child){
  margin-right: 0.25rem;
}

.hgroup .hgroup-acoes button{
  position: static;
}

textarea{
  scrollbar-width: none;
  resize: none;
  outline: none;
  height: 40px;
  width: 300px;
}

textarea::-webkit-scrollbar{
  display: none;
}

.btn-transparent{
  border: 1px solid var(--cor-borda-btn-transparent);
  color: var(--cor-txt-btn-transparent);
  
  &:hover{
    border: 1px solid var(--cor-borda-btn-transparent-hover);
    color: var(--cor-txt-btn-transparent-hover);
  }
}

@media screen and (max-width: 450px) {
  .hgroup{
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }
  
  .hgroup .hgroup-acoes{
    margin-top: 1rem;
  }
}

.form-btn-copy-float{
  position: relative;
  
  &:hover{
    .btn-copy-float{
      display: block !important;
    }
  }
  
  .btn-copy-float{
    transition: ease-in-out 0.3s all;
    display: none;
    position: absolute;
    top: 0;
    margin: 0.75rem;
    right: 0;
    padding: 0.5rem;
    background-color: var(--cor-bckg-btn-copia-flutuante);
    border-color: var(--cor-borda-btn-copia-flutuante);
    border-radius: 0.25rem;
  }
}

.none{
  display: none;
}

.alert.info{
  &::before{
    /* content: "\F430"; */
    font-family: 'bootstrap-icons';
    /* margin-right: 0.25rem; */
  }
  
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: var(--cor-borda-alert-info);
}

.nav-tabs .nav-link,
.nav-link.active{
  border-bottom: unset;
}

#modal-calcular-percentual{
  [data-tab]{
    margin-top: 1rem;
  }
}

.container.container-fluid{
  background-color: var(--cor-bckg-container-fluid);
  padding: 0.5rem 1rem;
  padding-right: 0.5rem;
  border-radius: 5px;
  border: 1px solid var(--cor-borda-container-fluid);

  .navbar-icon{
    background-color: var(--cor-bckg-navbar); 
    width: 1rem; 
    height: 1rem; 
    display: inline-block; 
    margin-right: 0.5rem; 
    border-radius: 0.25rem;
  }

  .navbar-brand{
    color: var(--cor-bckg-navbar-brand);
    font-size: 1.5rem;
    font-weight: 900;
  }
}

@media (prefers-color-scheme: dark) {
  body{
    position: static;
  }
}

@media screen and (width <= 575px) {
  .container.container-fluid{
    margin: 0 0.5rem;
  }
}

@media screen and (width <= 450px) {
  .accordion-button{
    [data-information="nome-proponente"]{
      display: initial;
    }
  }
  
  [data-identify]{
    .d-flex.justify-content-between.align-items-center{
      flex-direction: column;
      place-content: flex-start;
      place-items: flex-start;
      align-items: flex-start !important;
    }
    
    .card-body-header [data-content="nome"]{
      margin-bottom: 1rem;
      display: block;
    }
    
    [data-action="remover-proponente"]::after{
      content: "";
    }
    
    .feedback_dado{
      display: none;
    }
    
    .row{
      flex-direction: column;
      
      .col:not(:first-child){
        margin-top: 1rem;
      }
    }
  }
}

[data-element="area-relatorio"]{
  position: static;
}

@media screen and (width <= 445px) {
  [data-element="area-relatorio"] .d-flex.align-items-center.justify-content-between{
    flex-direction: column;
    place-content: flex-start !important;
    place-items: flex-start !important;
  }

  [data-element="area-relatorio"] .d-flex.align-items-center.justify-content-between div:first-child{
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media screen and (width <= 315px) {
  [data-element="area-pendencias"] .d-flex.align-items-center.justify-content-between{
    flex-direction: column;
    flex-wrap: wrap;
    place-items: flex-start !important;
  }

  [data-element="area-pendencias"] .d-flex.align-items-center.justify-content-between b{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
}

.toast{
  z-index: 100;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
}

#modal-tutorial .elem-proj{
  pointer-events: none;
  margin-top: 1rem;
}

#modal-tutorial .list-group-item{
  padding: 1rem;
}

#modal-tutorial .list-group-item img{
  margin-top: 1rem;
}