EFFA (Escuela de Formación de Fe Adulta)

Sección de cursos / formación. Hub principal + 6 subpáginas temáticas. Implementada el 2026-03-06, restaurada el 2026-03-14 tras perderse los shortcodes y CSS (probablemente por un docker recreate o un restore UpdraftPlus).

Estructura de páginas

Page ID	Slug	Permalink	Contenido
42726	`escuela`	`/fea/escuela/`	Hub (logo + intro + nav + `[effa_proyecto]` + CTA)
42727	`effa-espiritualidad`	`/fea/escuela/effa-espiritualidad/`	Subpágina con `[effa_seccion cat="..."]`
42728	`effa-biblia-at`	…	Antiguo Testamento
42729	`effa-biblia-nt`	…	Nuevo Testamento
42730	`effa-cristologia`	…	Cristología
42731	`effa-nuestras-creencias`	…	Nuestras creencias
42732	`effa-fe-y-cultura`	…	Fe y cultura

Categorías

term_id	Nombre
63	EFFA (padre)
64	proyecat (los 8 artículos del hub)
1653	effa-espiritualidad
1654	effa-biblia-at
1655	effa-biblia-nt
1656	effa-cristologia
1657	effa-nuestras-creencias
1658	effa-fe-y-cultura

Shortcodes (en `fea-homepage.php`)

`[effa_proyecto]` — Hub

Renderiza los 8 artículos de proyecat.

Extrae la primera <img> del post_content como thumbnail
Muestra: imagen + título (bold 0.85rem) + extracto 12 palabras (gris 0.75rem)
Ordena por post_title ASC
Layout: HTML <table> con inline styles, 4 columnas, array_chunk($items, 4)

`[effa_seccion cat="slug"]` — Subpáginas (videos)

Ordena por meta_key => '_effa_joomla_alias' ASC (secc1col01, secc1col02…) para mantener el orden original de Joomla
Thumbnail: prueba en orden:
1. get_the_post_thumbnail_url()
2. URL de YouTube extraída por regex
3. Primera <img> del content
Muestra: imagen + título (bold). Sin extracto.
Layout: HTML <table> 4 columnas con inline styles

¿Por qué `<table>` y no flex/grid?

CSS grid y flexbox NO funcionan dentro de un bloque Gutenberg FSE en este sitio. Se intentó y se rompe el layout en breakpoints raros. La única solución probada que funciona es HTML <table> con inline styles.

CSS de EFFA

Inyectado en wp_head con priority 20 condicionalmente: si el post->post_content contiene effa_ o el post_name contiene effa.

Clase	Estilo
`.effa-logo`	`centered`, max-width 200px
`.effa-intro`	`text-align: center`
`.effa-nav`	Flex pills, borde inferior 2px `#e5e5e5`
`.effa-nav a`	Pill redondeado, hover/active: bg `#E89A1A` (dorado)
`.effa-cta-wrap`	`text-align: center`
`.effa-cta`	Botón dorado `#E89A1A`, border-radius 999px

Contenido de cada subpágina

[logo] + [intro] + <ul class="effa-nav">...</ul> + [shortcode] + [CTA]

Fragilidad / restauración

Los shortcodes y el CSS se han perdido del container local al menos una vez (2026-03-14). Para restaurarlos sin perder tiempo, buscar el código completo en el transcript del 2026-03-06:

/home/rafa/.claude/projects/-home-rafa-joomla-migration/65e742c0-99e4-41b0-94f7-0866b38089a0.jsonl

Buscar effa_proyecto — última ocurrencia ~pos 15.301.049. Producción siempre tiene la versión canónica en /web/wp-content/mu-plugins/fea-homepage.php.