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: 40px;

}


.pagina-institucional h2 {

      font-family:
            'Merriweather',
            serif;

      font-size: 27px;

      font-weight: 700;

      margin-top: 40px;

      margin-bottom: 18px;

      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;

}


.pagina-institucional-botao {

      margin-top: 40px;

}


/* ==================================================
           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 p,
      .pagina-institucional li {

            font-size: 16px;

      }

}