:root {
  --primary-color: rgb(212, 155, 116);
  --secondary-color: #f48fb1;
  --accent-color: #ec407a;
  --text-color: #424242;
  --light-color: #ffffff;
  --backgroudcolor1: #f3f3f3;
  --spacing: 1.5rem; 
  --corfonte1:black;
  --border-radiusparag:0em 0.6em;
  --border-radiusimg: 0.4em;
  --shadow: 0 5px 5px #d3c0c2d7;

}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
}
html {
  scroll-behavior: smooth;
}
main{
      background-color:var(--backgroudcolor1);
}
.descricao{
    max-width:1200px;
    margin:auto;
    background-color:var(--backgroudcolor1)
}
h1{
    font-size: 2em;
    color: #e20202;
    text-align: center;
    padding: 1em;
}
h2{
    font-size: 1.5em;
    color: rgb(7, 126, 238);
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 1em;
}
p{
  padding:20px;
  margin:auto
}
  /* ========== FOOTER ========== */
  footer {
  background-color: #e4edf3;
  padding: 2rem 1rem;
  text-align: center;
  }
  .footer-conteudo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    padding: 0.2em;
    max-width: 1200px;
    max-height: 100%;
  }
  .footer-coluna {
    flex: 1 1 100px;
    margin: 1em;
  }
  .footer-coluna h3{
    text-align: center;
  }
  .footer-coluna >p{
    text-align: center;
   }
  .footer-coluna .nome-marca{
    font-size: 1em;
  }
 
.footer-links {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-bottom: 1.5rem;
  gap: 1rem; 
}

.footer-links a {
  text-decoration: none;
  color: var(--text-color);
  transition: color 0.3s;
  outline: none;
}
.footer-links a:focus {
  outline: 2px solid var(--accent-color); /* 6. Foco visível acessível */
}

.footer-links a:hover {
  color: var(--accent-color);
}

.copyright {
  font-size: 0.9rem;
  color: #666;
}

  /* ==========FINAL FOOTER ========== */