.pagina-institucional {

                  padding: 60px 0 80px;

                  background: #f8f9fa;

                  min-height: calc(100vh - 140px);

            }


            .pagina-institucional-card {

                  max-width: 900px;

                  margin: 0 auto;

                  background: #ffffff;

                  border-radius: 20px;

                  padding: 50px;

                  box-shadow:
                        0 10px 35px rgba(0,
                              0,
                              0,
                              0.06);

            }


            .pagina-institucional-titulo {

                  font-family:
                        'Merriweather',
                        serif;

                  font-size: 42px;

                  font-weight: 900;

                  line-height: 1.3;

                  margin-bottom: 18px;

                  color: #212529;

            }


            .pagina-institucional-subtitulo {

                  color: #6c757d;

                  font-size: 18px;

                  line-height: 1.7;

                  margin-bottom: 20px;

            }


            .pagina-data-atualizacao {

                  font-size: 14px;

                  color: #868e96;

                  margin-bottom: 35px;

            }


            .pagina-institucional h2 {

                  font-family:
                        'Merriweather',
                        serif;

                  font-size: 27px;

                  font-weight: 700;

                  margin-top: 40px;

                  margin-bottom: 18px;

                  color: #212529;

            }


            .pagina-institucional h3 {

                  font-size: 21px;

                  font-weight: 700;

                  margin-top: 28px;

                  margin-bottom: 14px;

                  color: #212529;

            }


            .pagina-institucional p {

                  font-size: 17px;

                  line-height: 1.9;

                  color: #495057;

                  margin-bottom: 18px;

            }


            .pagina-institucional ul {

                  padding-left: 25px;

                  margin-bottom: 25px;

            }


            .pagina-institucional li {

                  font-size: 17px;

                  line-height: 1.9;

                  color: #495057;

                  margin-bottom: 8px;

            }


            .pagina-institucional-destaque {

                  background: #f1f3f5;

                  border-left: 4px solid #212529;

                  padding: 22px 25px;

                  border-radius: 8px;

                  margin: 30px 0;

            }


            .pagina-institucional-destaque p {

                  margin: 0;

            }


            /* ==================================================
           RESPONSIVIDADE
        ================================================== */

            @media (max-width: 768px) {

                  .pagina-institucional {

                        padding: 35px 0 50px;

                  }


                  .pagina-institucional-card {

                        padding: 30px 22px;

                        border-radius: 14px;

                  }


                  .pagina-institucional-titulo {

                        font-size: 31px;

                  }


                  .pagina-institucional-subtitulo {

                        font-size: 16px;

                  }


                  .pagina-institucional h2 {

                        font-size: 23px;

                  }


                  .pagina-institucional h3 {

                        font-size: 19px;

                  }


                  .pagina-institucional p,
                  .pagina-institucional li {

                        font-size: 16px;

                  }

            }