*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;}
html, body{height:100%;margin:0;padding:0;background-color:#245f79;color:white;}
iframe{width:100%;height:100%;border:none;display:block;}
.hero{position:relative;min-height:330px;background:linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('satelite.webp') center center / cover no-repeat;}
.hero-rastreamento{position:relative;min-height:30px;background:linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('satelite.webp') center center / cover no-repeat;}
.topo{display:flex;justify-content:space-between;align-items:flex-start;padding:35px 35px;}
.logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.logo img{height:80px;}
.logo-rastreamento{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.logo-rastreamento img{height:40px;}
.titulo-central{display:flex;justify-content:center;align-items:center;text-align:center;min-height:100px;padding:20px;}
.titulo-central h1{font-size:42px;font-weight:300;}
.acesso{background-color:#245f79;padding:45px 20px 55px;text-align:center;}
.acesso h2{font-size:34px;font-weight:300;margin-bottom:30px;}
.botoes{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.botoes a{display:block;background-color:#f2f2f2;color:#333;text-decoration:none;padding:16px;border-radius:4px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:0.3s;}
.botoes a:hover{background-color:#dfe6ea;transform:scale(1.01);}
.menu{display:flex;gap:22px;margin-top:6px;}
.menu a{color:white;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;transition:0.3s;}
.menu a:hover{color:#00a8e8;}
@media (max-width:768px){
.topo{flex-direction:column;gap:20px;padding:15px 15px;}
.logo img{width:70px}
.titulo-central h1{font-size:28px;}
.acesso h2{font-size:26px;}
.menu{flex-wrap:wrap;gap:12px;}
}