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

header{background:#062b52;padding:20px;position:fixed;width:100%;top:0;z-index:10}

body {
  margin: 0;
  padding-top: 90px;
}

header .container{display:flex;align-items:center;justify-content:space-between;width:90%;margin:auto}
.logo{
  height: 90px;
  width: auto;
  display: block;
  filter: brightness(1.15) contrast(1.1);
}

nav a{color:#fff;margin-left:20px;text-decoration:none}

.banner {
  min-height: calc(100vh - 90px);

  background-image: url("/img/banner.png");
  background-size: 300px 300px;        /* controla o tamanho da imagem */
  background-position: top left;   /* centraliza */
  background-repeat: repeat;

  display: flex;
  align-items: center;
  justify-content: center;
}
}

.banner h1 {
  font-size: 48px;
  margin-bottom: 15px;
  line-height: 1.2;
}

.banner p {
  font-size: 18px;
  margin-bottom: 25px;
  line-height: 1.5;
}


.overlay{background:rgba(0,0,0,.5);padding:40px;color:#fff;text-align:center}
.btn{background:#00c8ff;color:#fff;padding:12px 30px;text-decoration:none;border-radius:5px}

.contato{padding:90px 20px;text-align:center}

.sobre {
  background-image: url("../img/fundo-planos.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sobre h2 {
  color: #FFD700;  /* amarelo forte */
  text-align: left;
  padding-left: 550px;
}

.sobre p {
  color: #FFEB99; /* amarelo claro para leitura */
  text-align: right;
  padding-right: 40px;
}




.planos {
  background-image: url("../img/faixada.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 20px;

  color: #FFD700; text-align: center
}

/* garante leitura */
.planos h2 {
  text-align: center;
  margin-bottom: 40px;
}



.cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.card{background:#062b52;padding:25px;width:260px;border-radius:8px}
.destaque{background:#062b52;color:#fff}
.card a{display:block;margin-top:15px;background:#00c8ff;color:#fff;padding:10px;border-radius:5px;text-decoration:none}

footer{background:#062b52;color:#fff;text-align:center;padding:20px}

section {
  scroll-margin-top: 100px;
}