{% extends "base.html" %}
{% block title %}Explorar{% endblock %}

{% block content %}
<div class="page-header">
  <div class="page-eyebrow">Descubrimiento</div>
  <div class="page-title">Explorar contenido</div>
  <div class="page-subtitle">Navega entre secciones: el mensaje persiste en todas ellas.</div>
</div>

<div class="card-grid">
  <div class="card">
    <div class="card-icon">🗺️</div>
    <div class="card-title">Descubre</div>
    <div class="card-desc">Encuentra recursos, artículos y más dentro de la plataforma.</div>
  </div>
  <div class="card">
    <div class="card-icon">📊</div>
    <div class="card-title">Estadísticas</div>
    <div class="card-desc">Visualiza datos y métricas de actividad reciente.</div>
  </div>
  <div class="card">
    <div class="card-icon">🔖</div>
    <div class="card-title">Guardados</div>
    <div class="card-desc">Accede al contenido que marcaste como favorito.</div>
  </div>
  <div class="card">
    <div class="card-icon">🧩</div>
    <div class="card-title">Integraciones</div>
    <div class="card-desc">Conecta herramientas externas con tu flujo de trabajo.</div>
  </div>
</div>

<form class="msg-form" method="POST">
  <input type="text" name="mensaje" placeholder="Escribe un mensaje…">
  <button type="submit">Enviar</button>
</form>
{% endblock %}