html{
    background-color: #313131;
  }
  :root {
    --vermelho-pr: #C8102E; /* Pantone Red 186 */
    --preto-pr: #1C1C1C;
    --cinza-pr: #A6A6A6;
    --branco-pr: #FFFFFF;
  }





  .overlay {
    /* background-color: rgba(28, 28, 28, 0.85); preto com transparência */
    height: 100vh;
    
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;             /* garante que o conteúdo não fique atrás do rodapé maior */
  }

  /* aumenta altura, ícones e espaçamento */
.footer-contact {
backdrop-filter: blur(4px);        /* leve blur para modernidade */
border-top: 2px solid var(--vermelho-pr);
}


  .form-control {
    background-color: #f8f9fa;
    border-color: var(--cinza-pr);
    color: #000;
  }

  .form-control::placeholder {
    color: var(--cinza-pr);
  }

  .btn-danger {
    background-color: var(--vermelho-pr);
    border: none;
  }

  .btn-outline-light {
    border-color: var(--cinza-pr);
    color: var(--branco-pr);
  }

  .btn-outline-light:hover {
    background-color: var(--cinza-pr);
    color: var(--preto-pr);
  }

  .card {
    background-color: rgba(255, 255, 255, 0.92);
    color: #000;
    border-radius: 1rem;
  }

  .content-box {
    background-color: rgba(255, 255, 255, 0.92);
    padding: 2rem;
    border-radius: 1rem;
  }
  p{color:#585858!important}