section#hero-mon, section#wr-card, section#planos {
  padding: 0;
}

#wr-card {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
  max-width: 1200px;
  margin: 1em auto 0;
  color: #000;
}

#wr-card > span {
  background: #f7d648;
  padding: 1em 4em;
}

/* Container geral */
.planos-container {
  max-width: 1200px;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#planos > h2 {
  text-align: center;
  font-weight: 300;
  font-size: 2.8em;
  margin: 2em 1em 1em;
}

/* Card */
.plano-card {
  display: grid;
  grid-template-columns: 220px 1fr 200px;
  background: #fff;
  /* border: 1px solid #e5e5e5; */
}

.titulo-plano {
  background-color: #f6f6f6;
  display: grid;
  place-content: center;
}

/* Imagem */
.plano-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* Conteúdo do meio */
.plano-conteudo {
  display: grid;
  /* flex-direction: column; */
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  /* align-items: center; */
  margin: 0 20px;
}

.plano-conteudo h3 {
  font-size: 1.3em;
  font-weight: 600;
  color: #333;
  padding: 0 2em;
  margin: 0;
  font-weight: 400;
}

.plano-desc {
  background: #e5e5e5;
  padding: 0em 3em;
  font-size: 1em;
  line-height: 1.5;
  color: #444;
  display: grid;
  place-content: center;
  /* height: auto; */
}

.plano-desc strong {
  font-weight: 700;
}

/* Preço + botão */
.plano-preco {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-flow: column;
  flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
  /* background: #f7f7f7; */
  /* padding: 20px; */
  text-align: center;
}

.plano-preco .valor {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  /* margin-bottom: 5px; */
  background: #efefef;
  display: block;
  width: 100%;
  display: grid;
  place-content: center;
}

.plano-preco .parcelado {
  font-size: 14px;
  /* margin-bottom: 15px; */
  color: #555;
  width: 100%;
  background: #e5e5e5;
  display: grid;
  place-content: center;
}

.btn-contratar {
  background: #ffd500;
  color: #000;
  font-weight: 600;
  padding: 10px 18px;
  text-decoration: none;
  border-radius: 2px;
  transition: background 0.3s;
  display: grid;
  place-content: center;
  /* width: 100%; */
}

.btn-contratar:hover {
  background: #e6c200;
}



/* Responsivo */
@media (max-width: 900px) {
  .plano-card {
    grid-template-columns: 1fr;
  }

  .plano-preco {
    border-top: 1px solid #ddd;
    padding: 15px;
  }

  .plano-conteudo h3,
  .plano-desc {
    text-align: center;
  }
}


/* Seção Sobre */
.sobre {
  background: #f9f9f9; /* fundo claro */
  padding: 60px 20px;
}

.sobre-container {
  max-width: 1200px;
  margin: 0 auto;
}

.sobre h2 {
  color: #ff0080; /* rosa forte */
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.sobre .subtitulo {
  color: #ff0080;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}

.sobre-conteudo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.sobre p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}

/* Responsivo */
@media (max-width: 900px) {
  .sobre-conteudo {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .sobre h2,
  .sobre .subtitulo {
    text-align: center;
  }
}

 /* Container geral */
    #faq-perguntas-frequentes {
      background-color: #f8f8f8;
      /* fundo */
      padding: 60px 20px;
    }

    /* Centralização */
    #faq-perguntas-frequentes .faq-container {
      max-width: 900px;
      margin: 0 auto;
    }

    /* Título */
    #faq-perguntas-frequentes .faq-titulo {
      font-size: 24px;
      font-weight: 700;
      color: #e91e8f;
      /* rosa forte */
      margin-bottom: 30px;
    }

    /* Lista */
    #faq-perguntas-frequentes .faq-lista {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* Cada item */
    #faq-perguntas-frequentes .faq-item {
      /* display: flex; */
      align-items: flex-start;
      margin-bottom: 18px;
      font-size: 18px;
      line-height: 1.5;
    }

    /* Ícone + */
    #faq-perguntas-frequentes .faq-icone {
      color: #e91e8f;
      font-size: 22px;
      font-weight: 700;
      margin-right: 12px;
      flex-shrink: 0;
    }

    /* Texto */
    #faq-perguntas-frequentes .faq-texto {
      color: #111;
      max-width: 750px;
    }

      /* Container geral */
    #faq-perguntas-frequentes {
      background-color: #f8f8f8;
      padding: 60px 20px;
      font-family: Arial, sans-serif;
    }

    /* Centralização */
    #faq-perguntas-frequentes .faq-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Título */
    #faq-perguntas-frequentes .faq-titulo {
      font-size: 24px;
      font-weight: 700;
      color: #e91e8f;
      margin-bottom: 30px;
    }

    /* Lista */
    #faq-perguntas-frequentes .faq-lista {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* Cada item */
    #faq-perguntas-frequentes .faq-item {
      margin-bottom: 18px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 12px;
    }

    /* Pergunta */
    #faq-perguntas-frequentes .faq-pergunta {
      display: flex;
      align-items: center;
      width: 100%;
      background: none;
      border: none;
      font-size: 18px;
      text-align: left;
      cursor: pointer;
      padding: 0;
      outline: none;
    }

    /* Ícone */
    #faq-perguntas-frequentes .faq-icone {
      color: #e91e8f;
      font-size: 22px;
      font-weight: 700;
      margin-right: 12px;
      flex-shrink: 0;
      transition: transform 0.3s ease;
    }

    /* Texto */
    #faq-perguntas-frequentes .faq-texto {
      color: #111;
      flex: 1;
    }

    /* Resposta */
    #faq-perguntas-frequentes .faq-resposta {
      display: none;
      margin-top: 10px;
      font-size: 16px;
      color: #333;
      line-height: 1.5;
      padding-left: 34px;
      /* alinhado com o texto da pergunta */
    }

    /* Estado ativo */
    #faq-perguntas-frequentes .faq-item.ativo .faq-resposta {
      display: block;
    }

    #faq-perguntas-frequentes .faq-item.ativo .faq-icone {
      transform: rotate(45deg);
      /* vira o + em x (ou - estilizado) */
    }

       /* Seção Política */
    #politica-privacidade {
      background-color: #fafafa;
      padding: 60px 20px;
      font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #333;
    }

    /* Container central */
    #politica-privacidade .politica-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Título */
    #politica-privacidade .politica-titulo {
      font-size: 22px;
      font-weight: 700;
      color: #e91e8f;
      margin-bottom: 30px;
    }

    /* Texto em 2 colunas */
    #politica-privacidade .politica-texto {
      column-count: 2;
      column-gap: 40px;
      font-size: 15px;
      text-align: justify;
    }

    /* Links */
    #politica-privacidade .politica-texto a {
      color: #e91e8f;
      text-decoration: none;
    }

    #politica-privacidade .politica-texto a:hover {
      text-decoration: underline;
    }

    /* Responsividade */
    @media (max-width: 768px) {
      #politica-privacidade .politica-texto {
        column-count: 1;
      }
    }


    /* RESPONSIVE GERAL */
@media screen and (max-width:1024px){
    section#hero-mon, section#wr-card, section#planos{
    padding: 0 2em;
    gap: 2em;
}

    #wr-card > span { 
    padding: 1em 2em;
}
.plano-card { 
    grid-template-columns: 100px 1fr 200px;
}
}

@media screen and (max-width:900px){
  .plano-card {
    grid-template-columns: 1fr;
}
.plano-conteudo {
  margin: 0;
}
.plano-preco {
  padding: 0;
}
.plano-desc { 
    padding: 2em 3em; }
}

@media screen and (max-width:599px) {
  .plano-conteudo {
    grid-template-columns: 1fr;
  }
  .titulo-plano {
    padding: 1em;
  }
      .plano-desc {
 padding: 1em;
    }
    #wr-card {
      display: grid;
      grid-template-columns: 1fr;
    }
    section#wr-card{ 
        gap: 8px;
    }
}