.caixa-texto textarea {
  width: 100%;
  max-width: 100%;
  resize: vertical;
}

 @media screen and (max-width:768px){
.caixa-texto textarea {
   width: 40ch; /* equivalente visual a 40 colunas */
}
 body::before {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../imagens/escritorio_op50.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
} 

  .corpo 
    { 
    margin: 0;
    padding: 0;    
    min-height: 100vh;  /* Garante que o background ocupe toda a altura da tela */
    height: 100vh;
    font-family: Arial, sans-serif;
    color: rgb(12, 12, 27);
    }
    .formulario {    
    flex-grow: 1; 
  }  
  .topo {
    display: flex; 
    flex-direction: column;
    justify-content: space-between;     
  } 
} 

@media screen and (min-width: 1366px) {
.caixa-texto textarea {
  width: 80ch; /* ou uma largura específica como 600px */
  
}
}

 /* body, html 
    {                  
      color: rgb(12, 12, 27); 
      font-family: arial, sans-serif;
      font-style: italic;     
    }
} */

  label {
    display: block; /* Garante que cada label fique em uma linha própria */
    /* margin-bottom: 0.1px; /* Ajuste o valor para o espaçamento desejado */
  }  
    body
        {
        height:100%; 
        color: rgb(12, 12, 27); 
        font-family: arial, sans-serif;
        font-style: italic;           
        background-image: url('../imagens/escritorio_op50.png');
        background-repeat: no-repeat;
        background-position: center; 
        background-size:cover;
        }

.formulario{  
  margin-left: 20px;
}