@charset "utf-8";
/* CSS Document */

html {
    margin: 0;
	margin-bottom: 50px;
    padding: 0;
	font-family: 'Poppins';
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
    background-image: url("https://www.100anosteixeirinha.com.br/img/teixeirinha_background_1920x1080.jpg");
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.container {
    text-align: center;
}

.logo {
    max-width: 100%;
    height: auto;
    margin-top: 90px; /* Adicionando espaçamento do topo */
}

.menu button {
  background-color: #E00914; /* Green background */
  font-family: 'Poppins';
  margin-top: 10px;
  border: 1px solid red; /* Green border */
  color: white; /* White text */
  text-decoration: none;
  width: 200px;
  padding: 10px 15px;
  cursor: pointer; /* Pointer/hand icon */
  display: block; /* Make the buttons appear below each other */
}
.cookie-banner {
    position: fixed; /* Para fixar no rodapé */
    bottom: 0; /* Posiciona no rodapé */
    width: 100%; /* Cobre a largura da página */
    background-color: #333; /* Cor de fundo */
    color: white; /* Cor do texto */
    text-align: center; /* Centraliza o texto */
    padding: 10px; /* Espaçamento interno */
    z-index: 1000; /* Para manter acima de outros elementos */
}

.cookie-banner.hidden {
    display: none; /* Para ocultar o banner */
}
.menu button:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
}

/* Add a background color on hover */
.menu button:hover {
  background-color: #ed5757;
}

.submenu button {
    background-color: #FFFFFF; /* Green background */
    font-family: 'Poppins';
    margin-top: 0px;
    border: 1px solid #d1d0d0; /* Green border */
    color: #E00914; /* White text */
    text-decoration: none;
    width: 200px;
    padding: 10px 15px;
    cursor: pointer; /* Pointer/hand icon */
    display: block; /* Make the buttons appear below each other */
    opacity: 0; /* Inicialmente, os botões estão ocultos */
    transition: opacity 0.3s ease; /* Transição suave de opacidade */
}
.menu a {
    text-decoration: none; /* Remove sublinhado */
    color: inherit; /* Mantém a cor do texto padrão */
}
.submenu a {
    text-decoration: none; /* Remove sublinhado */
    color: inherit; /* Mantém a cor do texto padrão */
}
.submenu button:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}

/* Add a background color on hover */
.submenu button:hover {
    background-color: #ebebeb;
}

.submenu button.visible {
    opacity: 1; /* Quando a classe 'visible' é aplicada, os botões são exibidos */
}

.image {
    margin-top: 20px;
    max-width: 100%;
    height: auto;
}

.footer {
    background-color: #000000;
    font-family: 'Poppins';
    color: #FFFFFF;
    text-align: center;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.hidden {
    display: none;
}
.text-container {
    margin: 20px; /* 40px de margem em todos os lados */
}

#iosButton, #androidButton {
    background-color: #FFFFFF;
    color: #DD1212;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* Ajuste do alinhamento e do espaçamento dos logotipos */
.section-title {
    font-size: 14px; /* Ajustar para um tamanho mais legível */
    font-weight: 600; /* Para destaque */
    color: #333;
}

.logos-sections {
    display: flex;
    justify-content: center; /* Para centralizar os blocos */
    gap: 40px; /* Espaçamento entre Realização e Parceiros */
    flex-wrap: wrap; /* Para adaptar ao tamanho do dispositivo */
    padding: 20px;
}

.logo-block {
    text-align: center;
    flex: 1; /* Para os blocos ocuparem o mesmo espaço */
}

.logos-container {
    display: flex;
    justify-content: center; /* Para centralizar os logos dentro do bloco */
    align-items: center; /* Para centralização vertical */
    gap: 30px; /* Espaçamento entre os logotipos */
}

.logo-img {
    margin: 10px; /* Espaçamento entre logos */
    max-width: 100px; /* Dimensão máxima */
    height: auto; /* Para manter a proporção */
}

@media (max-width: 600px) {
    .logos-sections {
        flex-direction: column; /* Para empilhar as seções Realização e Parceiros no mobile */
        gap: 20px; /* Espaçamento entre os blocos */
    }

    .logos-container {
        flex-direction: column; /* Para empilhar os logos no mobile */
    }

    .logo-img {
        max-width: 150px; /* Para dar mais espaço para as imagens no mobile */
    }
}