// slides.jsx — Hijos de la Intimidad, Capítulo 8 // Componentes para los slides individuales const TYPE_SCALE = { display: 128, title: 80, subtitle: 52, lead: 40, body: 32, small: 26, micro: 22, caption: 24 }; const SPACING = { paddingTop: 110, paddingBottom: 100, paddingX: 130, titleGap: 56, itemGap: 32 }; // ─── Imágenes curadas (Unsplash) ────────────────────────────────────────── // Fotografías profesionales, gratuitas, alusivas a las verdades del capítulo. // IMG: solo se usa imgPortada (subible vía Tweaks). El resto del deck usa // ilustraciones SVG animadas en illustrations.jsx. const IMG = {}; // ─── Paleta (azul nocturno profundo + acento cálido) ────────────────────── const PALETTES = { noche: { name: 'Azul nocturno', bg: '#edeef3', panel: '#f4f5f8', soft: '#bcc4d8', medium: '#5a6688', deep: '#2a2f4a', abyss: '#0f1226', warm: '#e6c89a', warmDeep: '#b8916a', ink: '#1a1d2e', inkSoft: '#4d5470' }, amanecer: { name: 'Amanecer cálido', bg: '#f5efe6', panel: '#faf6ef', soft: '#e0d2bc', medium: '#a89578', deep: '#5e4d36', abyss: '#2a2218', warm: '#c89a6a', warmDeep: '#8a5a3b', ink: '#2a2218', inkSoft: '#6a5a44' }, hogar: { name: 'Hogar tenue', bg: '#f0eef3', panel: '#f7f5f9', soft: '#d8d2e6', medium: '#8a7fb0', deep: '#4a3f7a', abyss: '#1f1a3d', warm: '#e0c3a0', warmDeep: '#b08560', ink: '#1f1a3d', inkSoft: '#5a5070' } }; // ─── Editable text helper ───────────────────────────────────────────────── function Editable({ tag = 'span', children, style, ...rest }) { const Tag = tag; return {children}; } // ─── Frame: cálido fondo claro con marco "página de libro" ───────────────── function SlideFrame({ pal, children, variant = 'light', label, vignette = true, padded = true }) { const isDark = variant === 'dark'; const bg = isDark ? pal.abyss : pal.bg; const fg = isDark ? pal.bg : pal.ink; return (
{vignette &&
} {label &&
{label}
}
{children}
{padded &&
HIJOS DE LA INTIMIDAD CAPÍTULO 8 · PARTE II
}
); } function SlideMark({ pal, isDark }) { return (
HIJOS DE LA INTIMIDAD CAPÍTULO 8 · PARTE II
); } // ─── Image placeholder con texto monoespaciado ───────────────────────────── function ImageSlot({ pal, src, caption, style, alt, onSet, hideCaption }) { const hasImg = !!src; return (
{hasImg ? {alt : !hideCaption &&
{caption || 'imagen'}
}
); } // ─── 01 PORTADA ──────────────────────────────────────────────────────────── function SlidePortada({ pal, t, set }) { return (
{!t.imgPortada &&
}
Capítulo 8 · Parte II
De esclavos
a hijos
La diferencia entre quien se acerca a Dios como huérfano
y quien aprende a vivir como hijo.
HIJOS DE LA INTIMIDAD · · ·
); } // ─── 02 EPÍGRAFES ───────────────────────────────────────────────────────── function SlideEpigrafes({ pal, t }) { const quotes = [ 'Para los religiosos el pecado afecta su ministerio y la imagen que han construido delante de los hombres. Para los íntimos, el pecado contamina el deleite de la relación con el Padre.', 'Amar es más poderoso que juzgar cuando queremos transformar.', 'Cada persona es una consecuencia de cómo ora.']; return (
{quotes.map((q, i) =>
{String(i + 1).padStart(2, '0')}
"{q}"
)}
); } // ─── 03 DONDE NOS QUEDAMOS ───────────────────────────────────────────────── function SlideRecap({ pal, t }) { return (
Hoy el Padre nos sigue haciendo preguntas
para acercarnos más a su corazón
En la primera parte de éste capítulo vimos tres áreas que diferencian al huérfano del hijo. Hoy recorremos siete más — para seguirnos preguntando: ¿estoy viviendo como hijo o como esclavo?
{[ ['1', 'Síntoma principal'], ['2', 'Identidad'], ['3', 'Imagen propia'], ['4', 'Motivaciones ministeriales', true], ['5', 'Santidad', true], ['6', 'Placer y consuelo', true], ['7', 'Relación con el prójimo', true], ['8', 'Manejo de errores ajenos', true], ['9', 'Autoridad', true], ['10', 'Visión de Dios y palabras', true], ['11', 'Recompensa', true]]. map(([n, label, today]) =>
{n} {label} {today && Hoy}
)}
); } // ─── 03 RESUMEN PARTE I (las primeras 3 áreas) ──────────────────────────── function SlideRecapAreas({ pal, t }) { const areas = [ { n: '01', area: 'Síntoma principal', pregunta: '¿Cómo opera tu corazón?', huerfano: 'Por temor. Vivo cuidándome de fallar.', hijo: 'Por amor. Vivo descansando en su afecto.', }, { n: '02', area: 'Identidad', pregunta: '¿En qué se basa tu valor?', huerfano: 'En lo que HAGO. Mi rendimiento me define.', hijo: 'En lo que SOY. Hijo amado, antes que nada.', }, { n: '03', area: 'Imagen propia', pregunta: '¿Cómo te ves a ti mismo?', huerfano: 'Inseguridad, comparación, auto-rechazo.', hijo: 'Seguro en el amor del Padre, sin máscaras.', }, ]; return (
Donde nos quedamos
Tres áreas que ya recorrimos como cuerpo. La raíz del corazón huérfano y la del corazón de hijo.
Huérfano · Esclavo
Tema
Hijo
{areas.map((a) =>
{a.huerfano}
{a.n}
{a.area}
«{a.pregunta}»
{a.hijo}
)}
Hoy seguimos con las siete áreas restantes.
); } // ─── 04 MOTIVACIONES MINISTERIALES ───────────────────────────────────────── function SlideMotivaciones({ pal, t }) { return ( } />); } // ─── 05 SANTIDAD POR AMOR ───────────────────────────────────────────────── function SlideSantidad({ pal, t }) { return ( } />); } // ─── 06 DESCANSO ────────────────────────────────────────────────────────── function SlideDescanso({ pal, t }) { return ( } />); } // ─── 07 PRÓJIMO ────────────────────────────────────────────────────────── function SlideProjimo({ pal, t }) { return ( } />); } // ─── 08 ERRORES AJENOS ──────────────────────────────────────────────────── function SlideErrores({ pal, t }) { return (
Acusar deja al otro mal
para que tú te veas bien.
Restaurar deja al otro de pie.
El esclavo expone
"Yo te dije, había algo de esta persona que no me cerraba. Que tenga su merecido."
El hijo cubre y restaura
Ve la caída del otro como una pérdida personal. Si una parte del cuerpo duele, todo el cuerpo siente dolor.
"Uno tiene autoridad sobre aquello que ama. Por eso Dios tiene autoridad sobre el mundo."
); } // ─── 09 AUTORIDAD ───────────────────────────────────────────────────────── function SlideAutoridad({ pal, t }) { return ( } />); } // ─── 10 VISIÓN DE DIOS / ABBA ───────────────────────────────────────────── function SlideAbba({ pal, t }) { return (
Las palabras delatan al corazón
De "úsame"
a "Abba".
Las cosas se usan, las personas se aman.
No eres una cosa. Eres un hijo amado.
"Y por cuanto sois hijos, Dios envió a vuestros corazones el Espíritu de su Hijo, el cual clama: ¡Abba, Padre!"
Gálatas 4:6
); } function PalabrasCol({ pal, side, words }) { const isHijo = side === 'hijo'; return (
{isHijo ? 'Palabras del hijo' : 'Palabras del esclavo'}
{words.map((w, i) => «{w}»{i < words.length - 1 ? · : ''} )}
); } // ─── 11 SALARIO O HERENCIA ──────────────────────────────────────────────── function SlideHerencia({ pal, t }) { return (
El esclavo reclama su salario.
El hijo recibe su herencia.
"Así que ya no eres esclavo, sino hijo; y si hijo, también heredero de Dios por medio de Cristo."
Gálatas 4:7
); } function ScaleCol({ pal, kind, label, tagline, items }) { const isH = kind === 'herencia'; return (
{label}
{tagline}
    {items.map((it, i) =>
  • {it}
    • )}
); } // ─── 12 CUADRO RESUMEN ──────────────────────────────────────────────────── function SlideTabla({ pal, t }) { const rows = [ ['Opera por temor', 'Síntoma principal', 'Opera por amor'], ['Basada en HACER', 'Identidad', 'Basada en SER'], ['Inseguridad, comparación, auto-rechazo', 'Imagen propia', 'Seguro en el amor del Padre'], ['Ganar el favor de los hombres', 'Motivaciones ministeriales', 'Agradar al Padre'], ['Cumplir normas para no ser rechazado', 'Santidad', 'Disfrutar la intimidad sin contaminación'], ['Placer fuera de Dios', 'Placer y consuelo', 'Descanso en la Presencia'], ['Competencia, celos, crítica', 'Relación con los demás', 'Honra, humildad, sentido de cuerpo'], ['Acusación y exposición', 'Errores ajenos', 'Cubre, da misericordia, restaura'], ['Autoridad como dolor, sin sumisión', 'Autoridad', 'Provisión de Dios para crecimiento'], ['Distante. Sin intimidad', 'Visión de Dios', 'Cercana. Conoce su grandeza y su abrazo'], ['"Úsame", "soy tu esclavo"', 'Palabras preferidas', '"Te amo", "Abba"'], ['Salario · temporal', 'Recompensa', 'Herencia · eterna']]; return (
Doce áreas. Una sola pregunta: ¿esclavo o hijo?
Huérfano · Esclavo
Tema
Hijo
{rows.map(([h, t, hi], i) =>
{h}
{t}
{hi}
 )}
); } // ─── 13 EXTINGUIR LA ORFANDAD ───────────────────────────────────────────── function SlideExtincion({ pal, t }) { return (
La orfandad solo se extingue
cerca del Padre.
{[ ['Pasas tiempo con Él', 'No alcanza con leer el mensaje. Hay que sentarse a su mesa, día tras día.'], ['Escuchas su voz', 'Le pides que te diga lo que siente por ti. Y oyes: «Ya no eres esclavo».'], ['Respondes Abba', 'Con corazón sincero, sin máscara. Su amor consume todo temor.']]. map(([h, b], i) =>
{`Paso 0${i + 1}`}
{h}
{b}
)}
); } // ─── 14 DECLARACIÓN ─────────────────────────────────────────────────────── function SlideDeclaracion({ pal, t }) { return (
El Padre te dice hoy
Ya no eres esclavo.
Eres mi hijo.
El sistema religioso acaba de perder un esclavo.
El cielo ha ganado un hijo de la intimidad con el Padre.
); } // ─── 15 PARA CONVERSAR ──────────────────────────────────────────────────── function SlideCierre({ pal, t }) { const preguntas = [ 'De las 10 áreas que vimos, ¿cuál te confronta más? ¿Por qué?']; return (
Hablémos y oremos
juntos.
    {preguntas.map((q, i) =>
  1. 0{i + 1} {q}
    2. )}
); } // ─── ContrastSlide: layout reusable para los pares huérfano/hijo ────────── function ContrastSlide({ pal, area, title, huerfano, hijo, verse, bottom, image }) { return (
{title}
{image &&
{image}
}
Huérfano · Esclavo
{huerfano}
Hijo
{hijo}
{verse &&
"{verse.text}"
{verse.ref}
} {bottom &&
{bottom}
}
); } // ─── 12.5 ENCUESTA EN VIVO ───────────────────────────────────────────────── // Esta slide activa la dinámica: la célula escanea el QR y responde 10 // preguntas en sus móviles. Los resultados se proyectan en /resultados. function SlideEncuesta({ pal, t }) { // URL configurable vía Tweaks. Por defecto, placeholder claro. const url = t.urlEncuesta && t.urlEncuesta.trim() || 'https://tu-encuesta.vercel.app'; // QR generado en el cliente con un servicio público (sin auth). // dark module color = pal.deep, light = pal.bg → integra con la paleta. const qrSrc = 'https://api.qrserver.com/v1/create-qr-code/?' + 'size=720x720&margin=10&qzone=2&format=svg' + '&data=' + encodeURIComponent(url) + '&color=' + (pal.deep || '#0f1226').replace('#', '') + '&bgcolor=' + (pal.bg || '#edeef3').replace('#', ''); return (
{/* IZQ — Texto de invitación */}
Una pausa · Para mirarnos
¿Cómo estamos
como hijos?
Antes de cerrar, vamos a hacernos esta pregunta — pero esta vez en silencio, cada uno con Dios.
{/* Lista de pasos */}
    {[ ['Toma tu teléfono.', 'Apunta la cámara al código.'], ['Responde 10 preguntas.', 'Una balanza para cada área del corazón.'], ['Es anónimo.', 'Nadie sabrá qué respondiste tú — solo cómo está el grupo.']].map(([titulo, sub], i) =>
  1. 0{i + 1} {titulo} {sub}
    2. )}
{/* DER — QR + URL */}
{/* Glow cálido detrás del QR */}
{/* QR card */}
{`Código { // Fallback si la API de QR falla — muestra solo la URL en grande e.currentTarget.style.display = 'none'; const fallback = e.currentTarget.parentElement.querySelector('[data-qr-fallback]'); if (fallback) fallback.style.display = 'flex'; }} />
Abre tu navegador en
{url.replace(/^https?:\/\//, '')}
{/* URL en texto, debajo */}
o entra a
{url.replace(/^https?:\/\//, '')}
); } Object.assign(window, { TYPE_SCALE, SPACING, PALETTES, SlidePortada, SlideEpigrafes, SlideRecap, SlideRecapAreas, SlideMotivaciones, SlideSantidad, SlideDescanso, SlideProjimo, SlideErrores, SlideAutoridad, SlideAbba, SlideHerencia, SlideTabla, SlideEncuesta, SlideExtincion, SlideDeclaracion, SlideCierre });