.mytextarea {
  resize: none; /* Blocca il ridimensionamento */
  width: 300px;  /* Larghezza fissa */
  height: 150px; /* Altezza fissa */
}
   .container-form {
    display: flex;
    gap: 130px; /* Spazio tra i due form */
    align-items: flex-start; /* Allinea i form in alto */
  }
   /* campo a destra */
  .campo {
  display: flex;
  align-items: center; /* Allinea in verticale */
}
.campo input {
  margin-left: auto; /* Spinge l'input tutto a destra */
}
  
.riga-esterno {
    display: flex;       /* Attiva l'affiancamento */
    flex-direction: row; /* Dispone form e immagine sulla stessa linea */
    align-items: flex-end; /* Allinea l'immagine alla base del form (puoi usare 'center' se preferisci) */  
    gap: 20px;           /* Crea 20 pixel di spazio vuoto tra il form e il JPG */}
	
	 /* Il contenitore principale che allinea tutto in riga */
  .layout-orizzontale {
    display: flex;
    align-items: center; /* Allinea form e immagine al centro verticalmente */}
  
  /* Stile comune per i form (opzionale, per dargli una forma) */
  .mio-form {
    border: 1px solid #ccc;
    padding: 20px;
    width: 250px;
  }
  
  /* Gestione dell'immagine e del distaccamento */
  .immagine-destra {
    max-width: 200px;  /* Regola la larghezza del JPG */
    height: auto;      /* Mantiene le proporzioni */
    margin-left: 80px; /* Crea lo spazio vuoto di distacco dal secondo form */
  }
.tabella-distanziata {
  background-color: white;
  margin-left: 40px; /* Regola i pixel per aumentare o diminuire lo spazio */
}
/* Contenitore per allineare in verticale e centrare */
.contenitore-bottoni {
  display: flex;
  flex-direction: column; /* Dispone gli elementi dall'alto verso il basso */
  align-items: center;    /* Centra i bottoni orizzontalmente nella pagina */
  gap: 15px;              /* Crea lo spazio verticale esatto tra i due bottoni */
  margin-top: 20px;       /* Distanza dal testo o dagli elementi sopra */
}
/* Grafica dei bottoni */
.btn-personalizzato {
  display: inline-block;
  padding: 15px 40px;      
  font-size: 20px;         
  font-weight: bold;
  color: #ffffff;          
  background-color: #007bff; 
  border: none;            
  border-radius: 8px;      
  text-decoration: none;   
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
  transition: all 0.3s ease; 
  cursor: pointer;         
  margin: 10px;            
}
.btn-personalizzato:hover {
  background-color: #0056b3; 
  transform: translateY(-2px); 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); }

.grazie-sartoria {
    font-size: 32px;         /* Dimensione in pixel */
    font-weight: bold;       /* Grassetto */
    color: #333333;          /* Colore del testo (cambialo se vuoi) */
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2); /* Se vuoi aggiungere l'effetto echo */
}