/* Exemplo de Normalize.css */
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');

/* font puppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Reset CSS básico incluindo estilos para selects */

/* Define a margem e o preenchimento padrão como 0 para todos os elementos */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: poppins, Arial, Helvetica, sans-serif;
}

/* Define a borda padrão como 0 para todos os elementos */
*,
*:before,
*:after {
    border: 0;
}

/* Define a caixa de modelo como 'border-box' para todos os elementos */
html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/* Define a fonte padrão */
body {
    font-family: Arial, sans-serif;
}

/* Remove a listagem de estilos */
ul,
ol {
    list-style: none;
}

/* Remove a decoração de link padrão */
a {
    text-decoration: none;
}

/* Define cores padrão */
body {
    color: #333; /* Cor do texto */
    background-color: #fff; /* Cor de fundo */
}

/* Reset de estilos para selects */
select {
    appearance: none; /* Remove o estilo padrão do sistema operacional */
    -webkit-appearance: none; /* Para navegadores WebKit como Chrome e Safari */
    -moz-appearance: none; /* Para navegadores Mozilla como Firefox */
    padding: 0.5rem; /* Adicione um preenchimento interno aos selects */
    border: 1px solid #ccc; /* Adicione uma borda para torná-los visíveis */
    border-radius: 4px; /* Adicione bordas arredondadas */
    background-color: #fff; /* Cor de fundo padrão */
    color: #333; /* Cor do texto */
    font-size: inherit; /* Tamanho da fonte herdado */
    font-family: inherit; /* Família da fonte herdada */
    cursor: pointer; /* Mude o cursor para indicar que é clicável */
}


:root {
    --primary-color: #EBEBEB;
    --secondary-color: #6c757d;
    --logo-color: #000000;
    --h1-color: #0D2A4A;
    --p-color: #000000;
    --h1-size: 50px;
    --p-size: 16px;
    --spacing: 20px;
    --color-white: #ffffff;
    --card-size: 23px;
}

#baixarApp{
    display: none;
  }

@media (max-width: 768px){
    #baixarApp{
        display: flex;
      }
}



footer {
    background-color: #ffffff00;
    padding: 20px 0;
    text-align: center;
    width: 80%;
  }
  
  .social-icons {
    display: flex;
    justify-content: center;
    gap: 20%;
   
  }
  
  .social-icon img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease;
    /* margin-top: 20px; */
  }
  
  .social-icon img:hover {
    transform: scale(1.1);
  }