#notasFiscais {
  article {
    margin-block: 30px;
  }

  hr {
    margin-block: 120px;
  }
}

.container-conteudo {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

  .nfse-texto {
    max-width: 650px;

    p {
      text-indent: 25px;
    }
  }

  .nfse-imagem {
    margin: auto;
    max-width: 650px;

    img {
      width: 300px;
      border-radius: 20px;
    }
  }
}

.container-nota-avulsa {
  .container-link-nota-avulsa {
    display: flex;
    justify-content: center;
    width: 100%;

    .link-lista-servicos {
      text-align: center;
      font-size: 1rem;
    }
  }

  .container-instrucoes {
    display: flex;
    flex-direction: column;
    gap: 20px;

    margin-block: 30px;
    padding: 20px;
    border: 1px solid #979797;
    border-radius: 20px;

    list-style: none;
    counter-reset: passo;

    .item-passo {
      display: flex;
      align-items: center;
      gap: 20px;

      &::before {
        counter-increment: passo;
        content: "Passo " counter(passo);
        min-width: 100px;
        text-align: center;
      }

      .linha {
        width: 1px;
        height: 88px;
        background-color: #979797;
      }

      .conteudo-passo {
        p {
          margin-bottom: 5px;
        }
      }
    }
  }
}

.aviso-acesso-enota-cloud {
  padding: 30px;
  border: 1px solid #00000033;
  border-radius: 30px;
  margin-block: 30px;

  .container-links {
    display: flex;
    gap: 20px;

    .lista-links {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;

      width: 100%;
      text-indent: 0px;

      padding-left: 15px;

      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;

        width: 1px;
        height: 100%;

        background-color: #979797;
      }

      h4 {
        font-size: 1rem;
        margin-bottom: 6px;
      }
    }
  }
}

.aviso-atencao {
  margin: 0;
  margin-block: 30px;
  padding: 20px 10px;
  border: 2px solid #ff010126;
  border-radius: 20px;

  background-color: #ff000008;

  p {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .container-nota-avulsa {
    .container-instrucoes {
      .item-passo {
        &::before {
          counter-increment: passo;
          content: "Passo " counter(passo);
          min-width: 50px;
          text-align: center;
        }
      }
    }
  }

  .aviso-acesso-enota-cloud {
    .container-links {
      flex-direction: column;
    }
  }
}