/* ==================== ESTILOS GLOBAIS ==================== */
          .texto-destaque {
            font-size: 42px;
            font-weight: bold;
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 15px;
          }

          .text-with-divider {
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #555;
            padding: 15px;
            border-top: 2px solid #ccc;
            margin-top: 15px;
          }

          .text {
            font-size: 16px;
            text-align: justify;
            color: #444;
            line-height: 1.8;
            padding: 10px;
          }

          /* ==================== RESPONSIVIDADE ==================== */
          @media (max-width: 768px) {
            .texto-destaque {
              font-size: 32px;
            }

            .text-with-divider {
              font-size: 16px;
            }

            .text {
              font-size: 14px;
            }
          }

          /* ==================== PROJETOS ==================== */
          .projeto-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            height: 100vh;
            width: 100%;
            padding: 20px;
          }

          .projeto-titulo {
            font-size: 32px;
            font-weight: bold;
            color: white;
            /* Texto branco */
            text-transform: uppercase;
            margin-bottom: 10px;
            width: 100%;
            text-align: center;
          }

          .projeto-img {
            width: 380px;
            height: 380px;
            object-fit: cover;
            border-radius: 12px;
            box-shadow: 0px 5px 15px rgba(252, 251, 251, 0.3);
            margin-bottom: 20px;
            transition: transform 0.3s ease-in-out;
            display: block;
            margin: auto;
          }

          .projeto-img:hover {
            transform: scale(1.05);
          }

          /* ==================== MODAL ==================== */
          /* Centraliza e ajusta o modal */
          .modal-dialog {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: calc(100vh - 20px);
            /* Garante centralização vertical */
          }

          /* Ajusta o tamanho do modal conforme o conteúdo */
          .modal-content {
            max-width: 90%;
            /* Define um limite para telas maiores */
            width: auto;
            /* Permite ajuste automático */
            padding: 20px;
            border-radius: 10px;
            background-color: #fff;
            /* Fundo branco */
          }

          /* Corpo do modal ajustável ao conteúdo */
          .modal-body {
            max-height: 70vh;
            /* Evita que fique muito grande */
            overflow-y: auto;
            /* Adiciona rolagem se necessário */
            text-align: justify;
          }

          /* Ajuste na imagem dentro do modal */
          .modal-body img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
          }

          /* Ajusta o rodapé do modal */
          .modal-footer {
            display: flex;
            justify-content: center;
            padding: 15px;
          }

          .custom-modal {
            background: #fff;
            /* Fundo branco sólido */
            border-radius: 15px;
            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4);
            color: #444;
            /* Ajustando a cor do texto */
            transition: all 0.3s ease-in-out;
            text-align: center;
            padding: 25px;
          }

          /* Corpo do Modal */
          .custom-modal .modal-body {
            padding: 20px;
            font-size: 16px;
            color: #444;
            text-align: justify;
          }

          /* Cabeçalho */
          .custom-modal .modal-header {
            background: linear-gradient(45deg, #772cd6, #ffcd02);
            color: white;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            padding: 15px 20px;
          }

          /* Rodapé */
          .custom-modal .modal-footer {
            background: #f8f9fa;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            padding: 15px;
          }

          /* ==================== RESPONSIVIDADE ==================== */
          @media (max-width: 768px) {
            .projeto-img {
              width: 100%;
              height: auto;
            }

            .projeto-titulo {
              font-size: 28px;
            }

            .projeto-descricao {
              font-size: 16px;
              max-width: 90%;
            }

            .custom-modal {
              width: 90%;
            }
          }

          .projeto-descricao p {
            color: black !important;
          }