@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
body {
    margin: 0;
    font-family: Krona One;
    background-color: #0a1a2a;
    color: white;
}

header {
    background: rgb(190,224,255);
    background: linear-gradient(90deg, rgba(190,224,255,1) 0%, rgba(16,82,143,1) 50%, rgba(12,81,146,1) 100%);
    display: flex;
    justify-content: center; /* Centraliza o menu */
    align-items: center;
    padding: 10px 20px;
    background-color: #1a2a3a;
    position: relative;
}

.logo {
    position: absolute;
    left: 20px;
}

.logo img {
    height: 75px;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

nav a {
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.sale-banner {
    position: relative;
    display: flex;
    justify-content: flex-start; /* Centralização horizontal ajustada */
    align-items: flex-end; /* Centralização vertical ajustada */
    height: 100vh; /* Altura total da janela de visualização */
    background: url('imgcontrole.png') no-repeat center center;
    background-size: cover;
}

button {
    border-radius:50px ;
    padding: 20px 40px;
    font-size: 24px;
    color: white;
    background-color: #00aaff;
    border: none;
    cursor: pointer;
    z-index: 1;
    margin: 235px;
    margin-left: 330px ;
    font-family: Krona One;
}

footer {
    background-color: #10528F;
    color: 547084;
    padding: 50px 0;
    margin-top: auto; 
}

.container-footer {
    max-width: 1400px;
    padding: 0 4%;
    margin: 0 auto;
}

.row-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-col {
    width: 25%;
    margin-bottom: 20px;
}

.footer-col h4 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li a {
    color: white;
    text-decoration: none;
    font-size: 16px;
    margin: 10px 0;
    display: block;
}

.footer-col ul li a:hover {
    padding-left: 10px;
    color: #cecdcd;
}