/* Valor por extenso em negrito */

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');



 body {
      font-family: Arial, sans-serif;
      background: #c7e4f3db;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 100px;
    }

    h1{
      font-family: "UnifrakturCook", cursive;
      font-weight: 700;
      font-style: normal;
      margin: 5px 0px 50px 0px;
    }

    .cheque {
      background: #fbf7b9cf;
      width: 800px;
      height: 300px;
      border-radius: 10px;
      padding: 20px;
      box-sizing: border-box;
    }

    .linha-topo {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      border-bottom: 2px solid #333;
      padding-bottom: 5px;
      margin-bottom: 15px;
      flex-wrap: wrap;
    }

    .linha-topo span {
      margin: 0 5px;
    }

    #valor-numeral {
      font-weight: normal;
      margin-left: 5px;
    }

    .texto {
      margin: 15px 0 0 0;
      font-size: 18px;
    }
    #value{
      margin-top: 10px;
    }
    #valor-extenso {
  font-weight: bold;
}

    .linha {
      border-bottom: 3px solid black;
      margin: 20px 0;
    }
    #linha1 {
       border-bottom: 3px solid black;
      margin: 0 0;
    }

    .assinatura {
      display: flex;
      justify-content: flex-start;
      margin-top: 30px;
      align-items: center;
      flex-wrap: wrap;
      font-size: 16px;
    }

    .assinatura span {
      margin: 0 6px;
    }

    .assinatura .campo {
      min-width: 100px;
      border-bottom: 2px solid black;
      text-align: center;
      font-weight: bold;
    }

    /* Parte inferior */
    .form {
      display: flex;
      justify-content: space-between;
      width: 800px;
      margin-top: 20px;
      gap: 40px;
    }
    
    #text{
      margin: 0 30px 0 0;
    }

    .col {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .col label {
      font-weight: bold;
    }

    .input {
      padding: 8px 12px;
      border-radius: 20px;
      border: 1px solid #aaa;
      min-width: 200px;
      background: #f0f0f0;
      font-size: 16px;
    }

    .input:focus {
      outline: none;
      border-color: #333;
      background: #fff;
    }
    #prazo_dt {
      margin-top: 30px ;
      margin-left: 500px;
    }