================================================================================ HEWO ACCORDION PROMPT v2.0 ULTRA-STRICT + PSEUDO-CODE - LISTO PARA IA LOCAL DÉBIL Copia TODO el contenido de este archivo (prompt + source) y pégalo a tu IA local tonta. ================================================================================ # HEWO ACCORDION PROMPT v2.0 - ULTRA STRICT (SOLO STEP 1) # Para IA local débil / "china burra tonta" - NO HALLUCINAR, NO SALTAR, NO RESUMIR, NO COPIAR TEXTO VIEJO # Versión con PSEUDO-CÓDIGO explícito + validaciones duras + obsesión con MÁRGENES + VALOR COMERCIAL ## INSTRUCCIONES PREVIAS OBLIGATORIAS (LEER 3 VECES ANTES DE EMPEZAR) 1. ESTE BLOQUE ES EL CORAZÓN DE LA PÁGINA. Si este
sale mal, toda la página pierde valor de negocio. 2. SOLO PUEDES HACER STEP 1. Cualquier intento de hacer PDF, brochure, CSS nuevo completo, o múltiples tareas = FALLAS ESTA TAREA. 3. Si sientes que "es muy difícil" hacer columnas sólidas edge-to-edge con justificación perfecta tipo libro Elsevier en HTML = INMEDIATAMENTE imprimes el ERROR y paras. No intentes "aproximar". 4. REPITE EN TU RAZONAMIENTO ANTES DE ESCRIBIR CÓDIGO: "MÁRGENES Y ANCHO COMPLETO PRIMERO. VALOR COMERCIAL EN CADA FRASE SEGUNDO. LONGITUD MÍNIMA TERCERO. TEXTO BONITO CUARTO. NUNCA COPIAR PLANTILLA ANTIGUA." 5. Calidad objetivo: nivel empresarial comercial de marketing de alta confianza + periodismo de precisión (estilo "libros de medicina Elsevier traducido a HTML = HEWO"). CERO calidad de colegio primaria/secundaria. CERO márgenes sueltos. CERO columnas estrechas centradas. CERO texto que no justifica de lado a lado. ## DEFINICIÓN HEWO (ESTA ES LA VERDAD ABSOLUTA - NO LA CAMBIES) HEWO_MEDICINE_BOOK_STYLE = { "FONT_TITLES": "Suisse Intl, SuisseIntl, Arial, sans-serif", "FONT_BODY": "Swiss721, Swiss 721, Arial, sans-serif", "LAYOUT": "2 columnas sólidas tipo periódico/libro académico. Las dos columnas deben verse como bloques verticales macizos de texto que llegan de borde izquierdo a borde derecho del área disponible.", "MARGINS_RULE": "EDGE-TO-EDGE + ZERO PADDING LEAKAGE. El texto debe llenar TODO el ancho disponible dentro del contenedor del acordeón. Sin cajas estrechas, sin centrado flojo, sin márgenes laterales internos que hagan que las columnas floten. Justificación completa (text-align: justify + text-justify: inter-word + hyphens: auto).", "COLUMNS_CSS": "column-count: 2; column-gap: clamp(2rem, 4.6vw, 4.25rem); column-fill: balance; text-align: justify; ... width: 100%; max-width: none;", "TABLES": "SIEMPRE una sola columna (width:100%; display:block en móvil vía CSS existente). th usa background: var(--lighter-ui-lib-color, var(--lighter-green-color)) o el --lighter- más claro de la familia activa del sitio + color #111111 oscuro encima. NO rompas el JS móvil existente que usa data-label.", "JUSTIFICATION": "Alineación perfecta a ambos lados en cada columna. El resultado visual debe parecerse a páginas de libros técnicos de Elsevier (dos columnas densas, sólidas, sin ríos blancos grandes, texto que 'besa' los bordes de columna).", "COMMERCIAL_TEST": "Cada slug y cada párrafo debe aumentar la probabilidad de que el lector confíe, entienda el valor, reduzca objeciones de '¿y esto sirve en mi país?' y avance hacia la decisión de compra o de recomendación familiar." } ## PIPELINE DE EJECUCIÓN (CRÍTICO: SOLO STEP 1 ESTÁ DESBLOQUEADO) [STEP 1] ACCORDION ARCHITECTURE + SLUGS COMERCIALES + CONTENIDO INTERIOR TIPO ARTÍCULO (mín 1000 chars por panel) + ZONA DE DESCARGA PROFESIONAL [STEP 2] POPULACIÓN FINAL + AJUSTES DE CARACTERES + TABLAS COMPLETAS → BLOQUEADO [STEP 3] INYECCIÓN CSS / MEJORAS DE MARGENES EXTERNOS / PDF → BLOQUEADO REGLA DE ORO: Ejecuta SOLO lo que dice "CURRENT TASK" en el paso activo. Si empiezas a tocar otro paso, el output es inválido. ## PSEUDO-CÓDIGO DEL ALGORITMO (DEBE SEGUIRSE AL PIE DE LA LETRA) ``` FUNCTION main(): PRINT "=== HEWO STEP 1 EXECUTION START (SOLO ACCORDION) ===" // 1. CARGA Y ANÁLISIS DEL ESQUELETO html_input = READ_SOURCE_SECTION() // El usuario pega el
...
completo ASSERT html_input contains 'data-saejee-hewo-root="accordion-reader"' ASSERT html_input contains 'saejee-hewo-columns' // el CSS ya existe, NO lo reescribas todo skeleton = EXTRACT_ACCORDION_SKELETON(html_input) // Mantener EXACTAMENTE: data-accordion-group, x-data="iuAccordion(...)", botones con svgs + y -, paneles, ids semester-plan-N, etc. // Solo se permite reescribir: los

(slugs) y el contenido DENTRO de
...
// 2. DECISIÓN DE ESTRUCTURA num_panels = 7 // o 8 si la estructura lógica del artículo lo pide. NUNCA menos de 7 ni más de 10. PRINT "NUM_PANELS_DECIDED: " + num_panels + " | RAZÓN: dividir artículo largo (>=10000 chars) en bloques accionables para lectura familiar y comercial" // 3. GENERAR SLUGS COMERCIALES (JOURNALISTIC + SALES VALUE) themes = [ "arquitectura jurídica y por qué la credencial no viaja sola", "ruta institucional Alemania-Francia-raíz española como carpeta defendible", "DIU + Lisboa + Apostilla: elevar señal sin prometer magia regulatoria", "distinguir portabilidad vs autenticidad vs equivalencia vs habilitación profesional", "la carpeta documental completa: qué llevar y qué explicar por país LATAM", "preguntas familiares antes de firmar/pagar: separar inversión consciente de fantasía", "seguridad jurídica realista: vender más lento, documentar mejor, proteger la credencial" // si usas 8 o 9, añade temas lógicos adicionales sin repetir ] slugs = [] FOR i = 1 TO num_panels: raw_slug = GENERATE_JOURNALISTIC_COMMERCIAL_SLUG(i, themes[i-1]) // REGLAS DURAS DEL SLUG: // - Empieza con "1. ", "2. " ... // - Longitud total del texto del slug ≈ 145-160 caracteres (incluyendo número y puntuación) // - Debe tener VALOR COMERCIAL: mencionar beneficio, riesgo evitado, decisión familiar, protección de inversión, claridad ante ministerios/empresas, carpeta defendible, etc. // - Tono periodístico serio pero que vende confianza (no sensacionalista barato) // - PROHIBIDO: copiar texto original de la plantilla, placeholders, "resumen de...", "introducción a..." validated = VALIDATE_SLUG(raw_slug, i) IF NOT validated.ok: ERROR_AND_STOP("SLUG_VIOLATION: " + validated.reason + " | Pide ayuda a Claude Code") slugs.append(raw_slug) // 4. GENERAR CONTENIDO INTERIOR (CADA PANEL = MINI-ARTÍCULO REAL) accordion_items = [] total_chars = 0 FOR i = 1 TO num_panels: item = {} item.slug = slugs[i-1] prose = GENERATE_HEWO_MINI_ARTICLE_PROSE( theme = themes[i-1], commercial_angle = "reducir riesgo percibido del comprador LATAM, alinear expectativas familiares, mostrar que SAEJEE ordena reglas antes de cobrar", target_chars = 1300, // objetivo alto para pasar el mínimo con holgura min_chars = 1000 ) // prose DEBE: // - Ser prosa completa de artículo (múltiples párrafos con ideas desarrolladas, no bullets, no listas de resumen) // - Escrita para fluir en 2 columnas densas (frases de longitud variada, conectores fuertes) // - Incluir términos concretos: Alemania/Francia/Orueta/París/DIU/Lisboa/Apostilla/LATAM/México/Colombia/etc. // - Tener gancho comercial en las primeras 2-3 líneas de cada panel // - Terminar con una idea de "Lectura SAEJEE" accionable (esto va en el .saejee-hewo-note) // - NUNCA copiar los párrafos débiles existentes del archivo actual char_count = COUNT_PROSE_CHARS(prose) // cuenta solo texto, ignora tags HTML por ahora IF char_count < 1000: ERROR_AND_STOP("CONTENT_TOO_SHORT_PANEL_" + i + ": " + char_count + " chars. Regenera o pide Claude Code") item.content_html = BUILD_HEWO_INNER_HTML(prose, has_table=(i==1), takeaway=EXTRACT_TAKEAWAY(prose)) // BUILD_HEWO_INNER_HTML hace: //
//
//

...

...

// usa TODOS los párrafos; el column-count:2 del CSS se encarga del flujo //
// [si tabla:
... th con bg var(--lighter...)
] //

Lectura SAEJEE: ...

//
// IMPORTANTE: NO agregues divs extra con padding, max-w, mx-auto, container, etc. dentro del panel. El CSS ya fuerza width:100% y max-width:none. accordion_items.append(item) total_chars += char_count ASSERT total_chars >= 10000 // "diez mil caracteres y más" // 5. ZONA DE DESCARGA (DOWNLOAD ZONE) - EMPRESARIAL Y CLARA download_html = """ """ // El texto alrededor debe reforzar: "Descarga el artículo completo para revisión oficial, trazabilidad y uso con autoridades. Este bloque de lectura por acordeones es solo la versión operativa." // 6. ENSAMBLAR OUTPUT output_section = REBUILD_FULL_SECTION(skeleton, accordion_items, download_html, new_intro_texts) // new_intro_texts deben ser también comerciales y claros (mejorar los actuales si son flojos) PRINT "=== STEP 1 COMPLETE ===" PRINT "TOTAL_PROSE_CHARS: " + total_chars PRINT "PANELS: " + num_panels FOR each item: PRINT " Panel " + i + " slug_len=" + len(item.slug) + " content_chars=" + item.char_count // 7. AUTO-AUDITORÍA OBLIGATORIA (imprimir siempre) PRINT_SELF_AUDIT_REPORT() /* - MARGINS_EDGE_TO_EDGE: PASS/FAIL (¿el HTML resultante permite que las columnas llenen 100% del ancho sin cajas internas que resten márgenes?) - JUSTIFICATION_SOLID_COLUMNS: PASS/FAIL - SLUG_COMMERCIAL_VALUE: PASS/FAIL (cada uno debe superar test de "esto ayuda a vender confianza") - MIN_CHARS_PER_PANEL: PASS/FAIL (lista real) - NO_ORIGINAL_TEXT_LEAKAGE: PASS/FAIL - ONLY_STEP_1: PASS/FAIL - HEWO_FONTS_APPLIED_IN_STRUCTURE: PASS/FAIL (aunque el CSS global las fuerza, confirmar clases) Si ANY FAIL → NO entregues el HTML. Entrega el ERROR específico + "REQUEST CLAUDE_CODE INTERVENTION - LOCAL MODEL CANNOT SATISFY HEWO MARGIN + COMMERCIAL REQUIREMENTS" */ IF self_audit has any FAIL: ERROR_AND_STOP("AUDIT_FAILED") ELSE: OUTPUT(output_section) OUTPUT("LISTO PARA PEGAR. Recuerda: este es SOLO el HTML del section. El paso de inyectar en Jinja y generar PDF es otro momento.") ``` ## REGLAS DURAS ADICIONALES (ANTI-FAIL GUARDS) - NUNCA reutilices los textos actuales de los acordeones como base. Son ejemplo de lo que NO sirve para ventas serias. Reescribe desde cero con el conocimiento del tema. - Los slugs deben ser ~150 caracteres. Ejemplo de longitud correcta (cuenta caracteres reales): "1. Carpeta defendible ante ministerios LATAM: por qué la arquitectura Alemania-Francia-España es el escudo que tu credencial necesita antes de que una familia pague" (verifica longitud exacta en cada uno). - Dentro de cada panel el texto debe LEERSE como un artículo periodístico de 1000+ caracteres, no como "puntos clave resumidos". El lector debe poder leer el panel y salir con claridad accionable. - Las tablas (cuando apliquen, típicamente solo 1-2 paneles) van en UNA SOLA columna + usan el estilo th var(--lighter-*) + #111. El CSS móvil ya replica los nombres de columna vía data-label. No toques eso. - MÁRGENES: esta es tu prioridad #1. Si el contenedor padre tiene px-4 md:px-6 etc., el interior del artículo HEWO debe aprovechar el ancho al máximo. No agregues wrappers que introduzcan más márgenes. - Si el modelo local es demasiado débil para lograr justificación inter-word + columnas sólidas sin "ríos" visuales o sin que el texto se vea suelto, IMPRIME EXACTAMENTE: ERROR: HEWO 2-COLUMN EDGE-TO-EDGE MARGIN EXECUTION EXCEEDS LOCAL MODEL CAPABILITY. REQUEST CLAUDE_CODE SKILL-BASED IMPLEMENTATION FOR COMPLEX EDITORIAL DOCUMENTS. - Idioma: todo en español profesional correcto (el sitio es .fr pero el contenido de este bloque está en español para LATAM). - Valor de negocio explícito: cada panel debe ayudar a que el estudiante/familia entienda "por qué esto me conviene aunque tenga trámites locales" y "por qué confiar en SAEJEE en vez de una credencial más barata sin marco". ## INPUT QUE RECIBIRÁS (YA INCLUIDO ABAJO EN ESTE MISMO ARCHIVO) Sigue las instrucciones del prompt. El SOURCE está pegado después de esta línea. ================================================================================ FIN DEL PROMPT v2.0 ================================================================================ ================================================================================ HEWO v2 - SOURCE CODE TO MODIFY (copia todo este bloque y pégalo al final del prompt si tu IA lo necesita separado) ================================================================================
Contenidos

Mapa jurídico del artículo y descarga del paper completo

Este bloque organiza el artículo en lectura accionable: marco alemán, corazón académico francés, raíz española, DIU, Convenio de Lisboa, Apostilla y límites LATAM. Los acordeones resumen cada capa y la descarga conserva el paper completo para revisar el texto original sin perder trazabilidad.
 

Claves del marco UE: credencial, contrato, documentos, autenticación, equivalencia, portabilidad y límites. Cada acordeón recoge una parte viva del artículo: arquitectura institucional, capas jurídicas, preparación de carpeta LATAM, checklist antes de pagar, preguntas críticas y descarga del paper completo en PDF.

================================================================================ FIN DEL SOURCE. Si tu IA local necesita también la versión Jinja, avísale que busque CONTENIDOS1_ACCORDIONS_DEFAULT en nosotros/CONTENIDOS1.jinja (el data-driven está ahí). ================================================================================ ================================================================================ FIN DEL ARCHIVO LISTO PARA ENVIAR A LA IA LOCAL. Instrucciones de uso: 1. Copia desde la primera línea "# HEWO ACCORDION PROMPT v2.0 ..." hasta el final de este archivo. 2. Pégalo completo en la IA local. 3. Si la IA pide "el source", dile que ya está incluido. 4. Recuérdale que SOLO STEP 1 y que debe pasar el self-audit con MARGINS PASS. ================================================================================