body{

margin:0;

font-family:Arial, Helvetica, sans-serif;

background:
linear-gradient(
rgba(0,0,0,0.6),
rgba(0,0,0,0.6)
),
url('https://images.unsplash.com/photo-1524661135-423995f22d0b');

background-size:cover;
background-position:center;
background-attachment:fixed;

}

.container{

width:90%;
max-width:900px;

margin:auto;

padding-top:30px;
padding-bottom:30px;

}

h1{

color:white;

text-align:center;

margin-bottom:30px;

}

.card{

background:white;

padding:20px;

margin-bottom:20px;

border-radius:15px;

box-shadow:0px 4px 12px rgba(0,0,0,0.25);

}

h2{

margin-top:0;

}

input,
select{

width:100%;

padding:12px;

margin-top:5px;
margin-bottom:15px;

box-sizing:border-box;

border:1px solid #ccc;

border-radius:8px;

}

button{

width:100%;

padding:12px;

background:#1565c0;

color:white;

border:none;

border-radius:10px;

font-size:15px;

cursor:pointer;

margin-top:5px;

}

button:hover{

background:#0d47a1;

}

.resultado{

font-size:18px;

}

#map{

height:500px;

border-radius:15px;

overflow:hidden;

box-shadow:0px 4px 12px rgba(0,0,0,0.25);

}
.encabezado{

text-align:center;

color:white;

margin-bottom:30px;

}

.encabezado h1{

margin-bottom:10px;

}

.encabezado h3{

margin:0;

font-size:24px;

color:#90caf9;

}

.encabezado p{

margin-top:10px;

font-size:16px;

}

footer{

background:rgba(255,255,255,0.95);

margin-top:30px;

padding:20px;

border-radius:15px;

text-align:center;

box-shadow:0px 4px 12px rgba(0,0,0,0.25);

}

footer p{

margin:5px;

}