Editing Main Page

{{DISPLAYTITLE:Portal de Proyectos}}
<div class="mw-parser-output" style="max-width:1200px;margin:0 auto;">

<!-- ===================== -->
<!-- FILA 1: CABECERA       -->
<!-- ===================== -->
<div style="padding:18px 18px 14px;border:1px solid #3a3a3a;border-radius:14px;background:#121212;box-shadow:0 6px 18px rgba(0,0,0,.35);">
  <div style="display:flex;gap:14px;align-items:center;flex-wrap:wrap;">
    <div style="flex:1;min-width:260px;">
      <div style="font-size:26px;font-weight:800;letter-spacing:.3px;margin:0 0 6px;color:#f1f1f1;">
        Portal de Proyectos
      </div>
      <div style="font-size:14px;line-height:1.55;color:#cfcfcf;">
        Centro de documentación creativa y técnica. Aquí se organizan universos, proyectos editoriales, sistemas y prototipos en curso.
        Usa este portal como mapa para navegar, crear páginas nuevas y mantener el estado de cada iniciativa.
      </div>
    </div>
    <div style="min-width:260px;">
      <div style="display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;">
        <span style="display:inline-block;padding:8px 10px;border:1px solid #3a3a3a;border-radius:999px;background:#0f0f0f;color:#e8e8e8;font-size:12px;">
          Tema: Dark
        </span>
        <span style="display:inline-block;padding:8px 10px;border:1px solid #3a3a3a;border-radius:999px;background:#0f0f0f;color:#e8e8e8;font-size:12px;">
          Wiki: MediaWiki
        </span>
        <span style="display:inline-block;padding:8px 10px;border:1px solid #3a3a3a;border-radius:999px;background:#0f0f0f;color:#e8e8e8;font-size:12px;">
          Última actualización: {{CURRENTDAY}}/{{CURRENTMONTH}}/{{CURRENTYEAR}}
        </span>
      </div>
      <div style="margin-top:10px;text-align:right;color:#a9a9a9;font-size:12px;">
        Consejo: crea páginas desde los enlaces rojos y ve completándolas por secciones.
      </div>
    </div>
  </div>
</div>

<br />

<!-- ===================== -->
<!-- FILA 2: ACCESOS RÁPIDOS -->
<!-- ===================== -->
<div style="padding:14px;border:1px solid #2f2f2f;border-radius:14px;background:#101010;">
  <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;">
    <div style="font-size:16px;font-weight:800;color:#f1f1f1;">Accesos rápidos</div>
    <div style="color:#a9a9a9;font-size:12px;">Atajos a páginas de soporte y organización</div>
  </div>

  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;">
    <div style="border:1px solid #343434;border-radius:12px;background:#0d0d0d;">
      <div style="padding:10px 12px;">[[Guías de Estilo|Guías de estilo]]</div>
    </div>
    <div style="border:1px solid #343434;border-radius:12px;background:#0d0d0d;">
      <div style="padding:10px 12px;">[[Estructura de Proyectos|Estructura]]</div>
    </div>
    <div style="border:1px solid #343434;border-radius:12px;background:#0d0d0d;">
      <div style="padding:10px 12px;">[[Roadmaps|Roadmaps]]</div>
    </div>
    <div style="border:1px solid #343434;border-radius:12px;background:#0d0d0d;">
      <div style="padding:10px 12px;">[[Notas de Desarrollo|Notas]]</div>
    </div>
    <div style="border:1px solid #343434;border-radius:12px;background:#0d0d0d;">
      <div style="padding:10px 12px;">[[Ideas Pendientes|Backlog]]</div>
    </div>
  </div>
</div>

<br />

<!-- ===================== -->
<!-- FILA 3: PROYECTOS PRINCIPALES -->
<!-- (cards: enlace + descripción) -->
<!-- ===================== -->
<div style="padding:14px;border:1px solid #2f2f2f;border-radius:14px;background:#0f0f0f;">
  <div style="font-size:16px;font-weight:900;color:#f1f1f1;margin-bottom:10px;">Proyectos principales</div>

  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;">

<div style="padding:14px;border:1px solid #303030;border-radius:14px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);">
      <div style="font-size:18px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Astraeum|Astraeum]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Browser RPG.
      </div>
    </div>

    <div style="padding:14px;border:1px solid #303030;border-radius:14px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);">
      <div style="font-size:18px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[TMU: Todo Mal Universe|TMU: Todo Mal Universe]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Multiverso satírico con mundos paródicos y crítica social. Eje meta-narrativo con “Serie 0: Metafail”.
      </div>
    </div>

    <div style="padding:14px;border:1px solid #303030;border-radius:14px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);">
      <div style="font-size:18px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Mansion Comics|Mansion Comics]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Iniciativa editorial para publicar obras gráficas y construir líneas de series con potencial de universos compartidos.
      </div>
    </div>

    <div style="padding:14px;border:1px solid #303030;border-radius:14px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);">
      <div style="font-size:18px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Heroe Quest: Rising|Heroe Quest: Rising]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Fantasía orientada a progresión de héroes, worldbuilding y estructura narrativa.
      </div>
    </div>

    <div style="padding:14px;border:1px solid #303030;border-radius:14px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);">
      <div style="font-size:18px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[The Pretty Deadly Tournament|The Pretty Deadly Tournament]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Proyecto competitivo-narrativo con estética oscura. Reglas, participantes y escenarios forman parte del lore.
      </div>
    </div>

    <div style="padding:14px;border:1px solid #303030;border-radius:14px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);">
      <div style="font-size:18px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Admus Project|Admus Project]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Proyecto conceptual/experimental: sistemas, identidad, control y metanarrativa. Documentación flexible (ficha, ensayo, lore).
      </div>
    </div>

  </div>
</div>

<br />

<!-- ===================== -->
<!-- FILA 4: LABORATORIO Y EXPERIMENTOS -->
<!-- ===================== -->
<div style="padding:14px;border:1px solid #2f2f2f;border-radius:14px;background:#0f0f0f;">
  <div style="font-size:16px;font-weight:900;color:#f1f1f1;margin-bottom:10px;">Laboratorio & Experimentos</div>

  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;">
    <div style="padding:14px;border:1px solid #303030;border-radius:14px;background:#0b0b0b;">
      <div style="font-size:16px;font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[AI NSFW Social Account|AI NSFW Social Account]]
      </div>
      <div style="color:#cfcfcf;font-size:13px;line-height:1.55;">
        Proyecto exploratorio sobre cuentas sociales con contenido NSFW asistido por IA, automatización y control editorial.
      </div>
    </div>
  </div>
</div>

<br />

<!-- ===================== -->
<!-- FILA 5: OTROS PROYECTOS -->
<!-- ===================== -->
<div style="padding:14px;border:1px solid #2f2f2f;border-radius:14px;background:#0f0f0f;">
  <div style="font-size:16px;font-weight:900;color:#f1f1f1;margin-bottom:10px;">Otros proyectos</div>

  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;">

    <div style="padding:12px;border:1px solid #303030;border-radius:14px;background:#0b0b0b;">
      <div style="font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Proyecto: Simulador Económico y Social|Simulador económico y social]]
      </div>
      <div style="color:#cfcfcf;font-size:12.5px;line-height:1.55;">
        SPA con sistemas de economía, vivienda, banca, seguridad social, eventos por tick y visualización futura en 3D.
      </div>
    </div>

    <div style="padding:12px;border:1px solid #303030;border-radius:14px;background:#0b0b0b;">
      <div style="font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Proyecto: Plataforma Listra|Plataforma Listra]]
      </div>
      <div style="color:#cfcfcf;font-size:12.5px;line-height:1.55;">
        Web sin servidor para rankings y torneos con datos en JSON, procesadores por juego, perfiles y estadísticas.
      </div>
    </div>

    <div style="padding:12px;border:1px solid #303030;border-radius:14px;background:#0b0b0b;">
      <div style="font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Proyecto: Artbook Pin-Up|Artbook pin-up]]
      </div>
      <div style="color:#cfcfcf;font-size:12.5px;line-height:1.55;">
        Proyecto artístico con outfits por categorías, series por personajes y pipeline de producción escalable.
      </div>
    </div>

    <div style="padding:12px;border:1px solid #303030;border-radius:14px;background:#0b0b0b;">
      <div style="font-weight:900;color:#f5f5f5;margin-bottom:6px;">
        [[Proyecto: Ideas en Incubación|Ideas en incubación]]
      </div>
      <div style="color:#cfcfcf;font-size:12.5px;line-height:1.55;">
        Caja de prototipos, conceptos, features futuras y notas sueltas para iteración rápida.
      </div>
    </div>

  </div>
</div>

<br />

<!-- ===================== -->
<!-- FILA 6: CÓMO USAR / PIE -->
<!-- ===================== -->
<div style="padding:14px;border:1px dashed #3a3a3a;border-radius:14px;background:#0e0e0e;color:#bdbdbd;font-size:12.5px;line-height:1.55;">
  <b>Cómo usar este portal</b><br />
  • Crea una página desde cualquier enlace rojo y pega una plantilla (si quieres, te genero plantillas por tipo: universo, proyecto técnico, editorial).<br />
  • Mantén el estado con etiquetas:
  <span style="padding:2px 6px;border:1px solid #343434;border-radius:999px;background:#0d0d0d;color:#9fe29f;">Activo</span>
  <span style="padding:2px 6px;border:1px solid #343434;border-radius:999px;background:#0d0d0d;color:#ffd27d;">Planificación</span>
  <span style="padding:2px 6px;border:1px solid #343434;border-radius:999px;background:#0d0d0d;color:#ff9f9f;">Pausado</span><br />
  • Si me pides “código”, dime: MediaWiki + (plantilla / infobox / navbox / categorías / módulos Lua).
</div>

</div>