.div1{
  height:275px;
  max-width:100%;
 background:linear-gradient(#6b2cf5,#d450e6);
  text-align: center;
  border: 2px solid grey;
}
.h11{
  font-size:8vw;
 max-width: 100%;
 color:white;
 
}
.footer{
  height:100px;
  width:100%;
  background:linear-gradient(#6b2cf5,#d450e6);
  text-align:center;
  line-height:100px;
  border: 2px solid grey;
}
.p1{
  color:white;
}
.inpt11{
width:100%;
}
.buton{
  color:white;
  font-weight: bold;
  height:30%;
  width:35%;
background:linear-gradient(#6b2cf5,#d450e6);
border-radius:8px;
}
.hwid{
height:10%;
  width:25%;
}
.hwid2{
height:10%;
  width:25%;
}
#map { height: 400px; margin: 20px 0; }
        .controls { padding: 15px; background:linear-gradient(#6b2cf5,#d450e6); border-radius: 5px; }
        input, button { margin: 5px; padding: 8px; }
        .coords-list { margin-top: 10px; font-family: monospace; }
        
        .tit{
          text-align:center;
        }

.centrali{
text-align:center;
background-image: url('Iconlalon.jpg');
background-size: cover; /* ou contain */
background-position: center;
background-repeat: no-repeat;
}

.list1{
color:white;
}







.btn1{

background:linear-gradient(#9400D3,#6b76ff);
color:#FFFFFF;
border-radius:5px;

  width: 150px;
  height: 50px;
  font-size:12px;
  border: 4px;

}


.roverouh{
  max-height: 200px;    /* Altura máxima */
  overflow-y: auto;     /* Adiciona barra vertical só quando necessário */
}

.principal1{
background:linear-gradient(#6b76ff,#c6f8ff);
text-align:center;
}

.canvasmy{
width:300px;
height:300px;
border:solid 3px #9400D3;
background-color:#FFFFFF;
}

.divcanv{
text-align:center;
}

.titl{
text-align:center;
color:#FFFFFF;
}