@import url(base.css);

.flex{
   flex-wrap: wrap;
}

main{
   flex: 1;
}

/*Titulo*/
main h1{
   text-align: center;
   font-size: 40px;
   margin: 20px;
   color: #000000;
   padding-bottom: 30px;
 }
 
 main h1 span{
    text-align: center;
    font-size: 40px;
    margin: 20px;
    color: #2b8b5d;
  }

  /*BOTAO ATULAIZAR-CADASTRAR E ETC*/
.btn-gal {
   padding: 10px 40px;
   font-size: 18px;
   font-weight: 600;
   background-color:  #2b8b5d;
   border: 0;
   color: white;
   border-radius: 30px;
   cursor: pointer;
   transition: .3s;
   display: inline-block;
}
.btn-gal:hover {
   box-shadow: 0px 0px 5px  #37a570;
   transform: scale(1.1);
}

/*FOTO EM GALERIA_DIV*/
.foto{
   width: 250px;
   height: 200px;
}

.container{
   margin: 0 auto;
   padding: 30px;
}

/* Definindo a aparência geral dos campos */
.campo {
   width: 100%;
   padding: 10px;
   border-radius: 20px;
   border: 1px solid #ccc;
   font-size: 20px;
}

/* Estilizando os labels */
label.campo {
   display: block;
   font-weight: bold;
   margin-bottom: 5px;
   color: #2b8b5d;
   border: none;
}

/* Alterando a cor do border e o foco nos inputs */
.campo:focus {
   border-color: #ff0000;
   outline: none;
   box-shadow: 0 0 5px rgba(187, 12, 12, 0.5);
}

.volta {
   display: flex;
   flex-direction: column; /* Alinha os itens em coluna, um em cima do outro */
   align-items: center; /* Alinha os itens horizontalmente no centro */
   justify-content: flex-start; /* Alinha os itens no topo */
}


/* Adicionando um efeito sutil no hover dos inputs de texto */
.campo[type="text"]:hover {
   background-color: #f1f1f1;
}

/* Melhorando a aparência dos campos de arquivo */
input[type="file"] {
   padding: 5px;
   background-color: #fafafa;
   border: 1px solid #ddd;
   border-radius: 20px;
   cursor: pointer;
}

input[type="file"]:hover {
   background-color: #f1f1f1;
}

.item-linha h2{
   color: #000000;
   font-size: 24px;
}
.item-linha {
   background-color: #e6f0eb;
   padding: 20px 10px; 
   width: 350px;
   margin: 20px;
   text-align: center;
   height: 420px;
   border-radius: 10px;
   display: flex;
   flex-direction: column; 
   align-items: center; 
}

.item-linha img {
   margin-bottom: 10px; 
}

.linha{
   display: flex;
   flex-wrap: wrap;
}