<!-- Incorporar App Completo -->
<iframe 
    src="SUA_URL_DO_APP_AQUI" 
    width="100%" 
    height="800" 
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen
    style="border: none; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
</iframe>

<!-- OU tela cheia -->
<iframe 
    src="SUA_URL_DO_APP_AQUI" 
    style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; border: none;"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen>
</iframe>

<script src="https://cdn.tailwindcss.com"></script>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 p-4">
    <!-- Nota Fiscal Avulsa -->
    <a href="https://soscidadao.online" target="_blank" rel="noopener noreferrer"
       class="group bg-gradient-to-br from-white to-gray-50 border-2 border-gray-200 rounded-xl p-6 hover:border-blue-500 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 block text-center">
        <div class="text-4xl mb-3">📄</div>
        <h4 class="font-semibold text-gray-800 group-hover:text-blue-600 transition-colors">
            Nota Fiscal Avulsa
        </h4>
    </a>

    <!-- Criar Currículo -->
      <a href="https://sos-curriculos.base44.app" target="_blank" rel="noopener noreferrer"
         class="group bg-gradient-to-br from-white to-gray-50 border-2 border-gray-200 rounded-xl p-6 hover:border-blue-500 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 block text-center">
          <div class="text-4xl mb-3">📝</div>
          <h4 class="font-semibold text-gray-800 group-hover:text-blue-600 transition-colors">
              Criar Currículo
          </h4>
      </a>

    <!-- 2º Via de RG -->
    <a href="https://agiliza-rg.base44.app" target="_blank" rel="noopener noreferrer"
       class="group bg-gradient-to-br from-white to-gray-50 border-2 border-gray-200 rounded-xl p-6 hover:border-blue-500 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 block text-center">
        <div class="text-4xl mb-3">🆔</div>
        <h4 class="font-semibold text-gray-800 group-hover:text-blue-600 transition-colors">
            2º Via de RG
        </h4>
    </a>

    <!-- Abrir Empresa - MEI -->
    <a href="https://mei-express.base44.app" target="_blank" rel="noopener noreferrer"
       class="group bg-gradient-to-br from-white to-gray-50 border-2 border-gray-200 rounded-xl p-6 hover:border-blue-500 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 block text-center">
        <div class="text-4xl mb-3">💼</div>
        <h4 class="font-semibold text-gray-800 group-hover:text-blue-600 transition-colors">
            Abrir Empresa - MEI
        </h4>
    </a>
</div>