* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #3B70A2;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center;
    color: black;
}

header {
    background-color: #151C48;
    color: beige;
    padding: 10px 0;

}
.loo{
    color: #007BFF;
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo {
    display: flex;
    align-items: center;
}

.logo img {
    height: 80px;
    margin-right: 10px;
}

.nav-links {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.nav-links li {
    margin: 0;
}

.nav-links a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

h1 {
    color: white;
}

.imagensav {
    display: flex;
    flex-direction: row;
}

.quadrado {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: #ffffff6d;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
}

.divclass {
    display: flex;
    flex-direction: row;
}

.divp {
    display: flex;
    flex-direction: column;
}

i {
    size: 45px;
    font-size: 25px;
}

.passos {
    justify-content: center;
    list-style-type: none;
    padding: 0;
    display: flex;
    max-width: 600px;
    margin: auto;
}

.passo {
    text-align: center;
    width: fit;
}

.bolinha {
    width: 30px;
    height: 30px;
    background-color: #fff;
    /* Cor da bolinha */
    border-radius: 50%;
    /* Faz a bolinha ser circular */
    display: inline-block;
    margin-bottom: 5px;
}

.linha {
    color: green;
    height: 5px;
    width: 5px;
    background-color: #fff;
    position: relative;
    top: 15px;
    /* Alinha a linha com as bolinhas */
    width: 300px;
}

.linhaa{
    color: green;
    height: 5px;
    width: 5px;
    background-color: green;
    position: relative;
    top: 15px;
    /* Alinha a linha com as bolinhas */
    width: 300px;
}

.card-text {
    display: flex;
    flex-direction: row;
}

.btn-entrar {
    background-color: #007BFF;
    /* Azul */
    color: white;
    /* Cor do texto */
    border: 2px solid #007BFF;
    /* Borda azul */
    border-radius: 50px;
    /* Bordas arredondadas */
    padding: 12px 30px;
    /* Espaçamento interno */
    font-size: 16px;
    /* Tamanho da fonte */
    font-weight: 600;
    /* Peso da fonte ajustado para um toque mais sofisticado */
    text-transform: uppercase;
    /* Texto em maiúsculas */
    cursor: pointer;
    /* Cursor de ponteiro ao passar o mouse */
    transition: all 0.3s ease-in-out;
    /* Transição suave */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Sombra sutil */
    outline: none;
    /* Remove o contorno padrão */
    text-decoration: none;
    /* Remove a decoração de link */
}

/* Efeito ao passar o mouse */
.btn-entrar:hover {
    background-color: white;
    /* Fundo branco */
    color: #007BFF;
    /* Texto azul */
    border: 2px solid #0056b3;
    /* Borda azul mais escura */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    /* Sombra mais forte */
    transform: translateY(-4px);
    /* Eleva um pouco o botão */
}

/* Efeito ao clicar */
.btn-entrar:active {
    background-color: #0056b3;
    /* Fundo azul mais escuro */
    color: white;
    /* Texto branco */
    border: 2px solid #003366;
    /* Borda ainda mais escura */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    /* Sombra reduzida */
    transform: translateY(1px);
    /* Efeito de pressionamento */
}

/* Efeito de foco (acessibilidade) */
.btn-entrar:focus {
    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.4);
    /* Sombra azul para foco */
    outline: none;
    /* Remove o contorno padrão */
}

.listdepessoas {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 800px;
    height: 400px;
    margin: auto;
    border: 1;
}

.bolinha_verde {
    background-color: green;
}

.linhahome {
    width: 80px;
}

.linhalegal {
    display: flex;
    flex-direction: column;
}

.imglugares {
    height: 300px;
    width: 500px;
}
.carrossel {
    position: relative;
    width: 100%; /* O carrossel ocupa toda a largura disponível */
    height: 500px; /* Altura fixa do carrossel */
    overflow: hidden; /* Esconde qualquer parte da imagem que ultrapasse os limites do carrossel */
    margin: auto;
    border: 1px solid #ccc;
  }
  
  .carrossel-inner {
    display: flex; /* Exibe os itens do carrossel em linha */
    transition: transform 0.5s ease; /* Suaviza a transição entre os itens */
    width: 300%; /* Ajuste para acomodar 3 itens (se necessário) */
  }
  
  .item {
    min-width: 100%; /* Cada item ocupa 100% da largura do carrossel */
    height: 100%; /* O item ocupa 100% da altura do carrossel */
    display: flex; /* Flexbox para centralizar o conteúdo */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    background: #f4f4f4;
  }
  
  .item_img {
    width: 100%; /* A imagem vai ocupar toda a largura do item */
    height: 550px; /* A imagem vai ocupar toda a altura do item */
    object-fit: cover; /* A imagem irá cobrir o item, sem cortar proporções */
    object-position: center; /* Centraliza a imagem para que ela não fique desajustada */
    display: block; /* Remove qualquer espaçamento abaixo da imagem */
  }
  
  
  /* Botões de navegação */
  button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
  }

  button.prev {
    left: 10px;
  }
  
  button.next {
    right: 10px;
  }

.carImg {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
}

.linha1, .linha2 {
    color: whitesmoke;
    background-color: #3B70A2;
}

.linha3, .linha4 {
 background-color: rgba(152, 235, 241, 0.449);
 color: black;
 font-weight: bolds;
}

table {
    border: 1px solid black;
    /* Borda geral */
    border-collapse: collapse;
    /* Remove espaçamento entre bordas */
    width: 100%;
}

th,
td {
    border: 1px solid black;
    /* Borda ao redor de células */
    padding: 8px;
    /* Espaçamento interno */
    text-align: left;
    /* Texto alinhado à esquerda */
}
.footer {
    background-color: #151C48;
    color: #fff;
    padding: 20px;
    text-align: center;
    bottom: 0;
    width: 100%;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer p {
    margin: 0;
    font-size: 14px;
}

.social-media {
    margin-top: 10px;
}

.social-media a {
    color: #fff;
    text-decoration: none;
    margin: 0 15px;
    font-size: 16px;
}
.social-media a:hover {
    color: #4CAF50; /* Cor quando o link é hover */
}

/* Responsividade para telas menores */
@media (max-width: 600px) {
    .social-media a {
        display: block;
        margin-bottom: 10px;
    }
}