/* global React */ const { useState, useEffect, useCallback } = React; /* ---------------- Iconos ---------------- */ const I = { search: (p) => (), menu: (p) => (), face: (p) => (), clock: (p) => (), level: (p) => (), arrow: (p) => (), download: (p) => (), scissors: (p) => (), dice: (p) => (), tree: (p) => (), cup: (p) => (), printer: (p) => (), book: (p) => (), pawn: (p) => (), cards: (p) => (), star: (p) => (), cart: (p) => (), insta: (p) => (), }; /* ---------------- Logo: molinillo ---------------- */ function Pinwheel({ className }) { return ( ); } /* ---------------- Datos ---------------- */ const CATS = { manualidades: { label: "Manualidades", color: "var(--coral)", soft: "cat-coral", Icon: I.scissors }, interior: { label: "Juegos de interior", color: "var(--sky)", soft: "cat-sky", Icon: I.dice }, mesa: { label: "Juegos de mesa", color: "var(--grape)", soft: "cat-grape", Icon: I.pawn }, aire: { label: "Aire libre", color: "var(--leaf)", soft: "cat-leaf", Icon: I.tree }, baraja: { label: "Baraja Española", color: "var(--coral)", soft: "cat-coral", Icon: I.cards }, recetas: { label: "Recetas", color: "var(--sun)", soft: "cat-sun", Icon: I.cup }, imprimibles: { label: "Imprimibles", color: "var(--berry)", soft: "cat-berry", Icon: I.printer }, cuentos: { label: "Libros recomendados", color: "var(--mint)", soft: "cat-mint", Icon: I.book }, }; const AGES = [ { key: "all", label: "Todas", sub: "las edades" }, { key: "0-2", label: "0–2", sub: "años" }, { key: "3-5", label: "3–5", sub: "años" }, { key: "6-8", label: "6–8", sub: "años" }, { key: "9-12", label: "9–12", sub: "años" }, ]; /* ---------------- Mapeo de fila de Supabase a shape de tarjeta ---------------- */ function mapGameRow(row) { return { id: row.id, cat: row.category, title: row.title, ages: row.ages, isProduct: row.is_product, brand: row.brand || undefined, rating: row.rating != null ? Number(row.rating) : undefined, img: row.cover_image_url || undefined, q: row.search_query || undefined, url: row.affiliate_url || undefined, desc: row.description || undefined, time: row.time_estimate || undefined, level: row.difficulty || undefined, download: row.download_url || undefined, steps: row.steps || null, }; } /* ---------------- Modal paso a paso ---------------- */ function StepModal({ card, onClose }) { const cat = CATS[card.cat]; const data = card.steps; const [imgFull, setImgFull] = useState(false); useEffect(() => { const esc = (e) => { if(e.key === "Escape") imgFull ? setImgFull(false) : onClose(); }; window.addEventListener("keydown", esc); document.body.style.overflow = "hidden"; return () => { window.removeEventListener("keydown", esc); document.body.style.overflow = ""; }; }, [imgFull]); return (
e.target === e.currentTarget && onClose()}>
{cat.label}
{!card.isProduct && (
{card.title}
)}
{card.time && {card.ages.join(" · ")} años} {card.time && {card.time}} {card.level && {card.level}}

{card.title}

{data ? (

{card.cat === "recetas" ? "🥘 Ingredientes" : "🧰 Materiales"}

    {data.materiales.map((m,i) =>
  • {m}
    • )}

{card.cat === "baraja" ? "🃏 Aprende a jugar" : "📋 Paso a paso"}

    {data.pasos.map((p) => (
  1. {p.n}
    {p.tit}

    {p.desc}

    2. ))}
{data.pistas && (

🌳 Ejemplos de pistas para el parque

{data.pistas.map((p,i) => (
Pista {p.n} → {p.lugar}
"{p.texto}"
))}
)} {data.proceso_image_url && (

📸 El proceso en imágenes · toca para ampliar

Paso a paso en imágenes setImgFull(true)} style={{ cursor: "zoom-in" }} />
)} {data.beneficios && (

✅ Beneficios

    {data.beneficios.map((b,i) =>
  • {b}
    • )}
)} {data.ideas && (

💡 Ideas para jugar después

    {data.ideas.map((idea,i) =>
  • {idea}
    • )}
)} {data.consejo && (
💬

Consejo: {data.consejo}

)} ) : (

🚧 El paso a paso llegará muy pronto. ¡Vuelve a visitarnos!

)}
{imgFull && (
setImgFull(false)}> Paso a paso ampliado e.stopPropagation()} />

Pellizca para hacer zoom • Toca fuera para cerrar

)}
); } /* ---------------- Tarjeta de artículo / producto ---------------- */ function Card({ c, hidden, afiliado, onOpen }) { const cat = CATS[c.cat]; const product = c.isProduct; const isDownload = !!c.download; const url = product ? (c.url || `https://www.amazon.es/s?k=${encodeURIComponent(c.q)}&tag=${encodeURIComponent(afiliado || "")}`) : null; return (
{ const resMap = { "Mandalas.pdf": "pdfMandalas", "Calendario de Rutinas.pdf": "pdfCalendario" }; const resId = resMap[c.download]; const url = (resId && window.__resources && window.__resources[resId]) || c.download; window.open(url, "_blank"); } : (!product ? () => onOpen(c) : undefined)} style={(!product || isDownload) ? { cursor: "pointer" } : null}>
{cat.label} {c.title} {isDownload ? Descargar PDF : (!product && {c.cat === "baraja" ? "Aprende a jugar" : "Ver paso a paso"} )}
{product ? ( e.stopPropagation()}>{c.title} {c.desc &&

{c.desc}

}
{c.ages.join(" · ")} años {c.rating.toFixed(1)} {c.brand}
e.stopPropagation()}> Ver en Amazon Enlace de afiliado ) : ( {c.title}
{c.ages.join(" · ")} años {c.time} {c.level}
)}
); } /* ---------------- Hueco de anuncio ---------------- */ function AdSlot({ kind, show }) { return (
Publicidad Espacio reservado · se integra sin molestar la lectura
); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "tema": "confeti", "fuente": "Baloo 2", "mostrarAnuncios": true, "heroFoto": true, "afiliado": "tuetiqueta-21" }/*EDITMODE-END*/; /* ---------------- Datos del titular ---------------- */ const TITULAR = { nombre: "Ana Fernández Morante", dni: "74XXX", dir: "Av. Ilustración 85, 18016 Granada (España)", email: "ideasparajugarenfamilia@gmail.com", web: "www.ideasparajugarenfamilia.com", }; /* ---------------- Páginas legales ---------------- */ const LEGAL = { "sobre": { title: "Sobre nosotros", icon: "💛", body: (

Ideas para Jugar en Familia nace con una idea muy sencilla: ayudar a madres, padres y cuidadores a pasar más tiempo de calidad con los niños, lejos de las pantallas.

Aquí encontrarás manualidades, juegos de interior y exterior, recetas fáciles para cocinar con peques, imprimibles, guías para jugar con la baraja española y recomendaciones de libros y juegos de mesa. Todo pensado para disfrutar en familia, organizado por edades para que encuentres rápido lo que buscas.

Cada propuesta se explica paso a paso, con materiales sencillos y económicos que probablemente ya tengas en casa. Creemos que jugar juntos es una de las mejores formas de aprender, crecer y crear recuerdos.

El sitio está creado y gestionado por {TITULAR.nombre}. Si tienes ideas, sugerencias o quieres colaborar, escríbenos a {TITULAR.email}. ¡Nos encanta escuchar a nuestra comunidad!

 ), }, "contacto": { title: "Contacto", icon: "✉️", body: (

¿Tienes alguna duda, sugerencia o propuesta de colaboración? Estaremos encantados de leerte.

Responsable: {TITULAR.nombre}

Email: {TITULAR.email}

Dirección: {TITULAR.dir}

Instagram: @ideasparajugarenfamilia

Intentamos responder a todos los mensajes en un plazo máximo de 48–72 horas laborables. Para cualquier asunto relacionado con tus datos personales, indícalo en el asunto del correo.

 ), }, "privacidad": { title: "Política de privacidad", icon: "🔒", body: (

En cumplimiento del Reglamento (UE) 2016/679 (RGPD) y de la Ley Orgánica 3/2018 (LOPDGDD), te informamos sobre el tratamiento de tus datos personales en este sitio web.

1. Responsable del tratamiento

{TITULAR.nombre} · DNI {TITULAR.dni}
{TITULAR.dir}
Email: {TITULAR.email}

2. ¿Qué datos tratamos y con qué finalidad?

Este sitio es principalmente informativo. Solo tratamos datos personales cuando nos los facilitas voluntariamente, por ejemplo al escribirnos por correo electrónico. En ese caso, usamos tu dirección y el contenido del mensaje únicamente para responder a tu consulta.

Además, mediante cookies y tecnologías similares, terceros (como proveedores de publicidad y analítica) pueden recoger datos de navegación de forma automática. Consulta el Aviso de cookies para más detalle.

3. Legitimación

La base legal es tu consentimiento (al escribirnos o al aceptar las cookies) y el interés legítimo en mantener y mejorar el sitio web.

4. Conservación

Conservamos los datos el tiempo necesario para atender tu solicitud y, después, durante los plazos legalmente exigibles. Los datos recogidos por cookies se conservan según las políticas de cada proveedor.

5. Destinatarios

No vendemos ni cedemos tus datos. Pueden acceder a datos de navegación los proveedores de servicios de analítica y publicidad (por ejemplo, Google) y plataformas de afiliación (por ejemplo, Amazon), conforme a sus propias políticas.

6. Tus derechos

Puedes ejercer tus derechos de acceso, rectificación, supresión, oposición, limitación y portabilidad escribiendo a {TITULAR.email}. También puedes reclamar ante la Agencia Española de Protección de Datos (www.aepd.es).

7. Enlaces de afiliados

Algunos enlaces de este sitio son enlaces de afiliado de Amazon. Como afiliados de Amazon, podemos recibir una pequeña comisión por las compras que cumplan los requisitos, sin coste adicional para ti.

 ), }, "cookies": { title: "Aviso de cookies", icon: "🍪", body: (

Este sitio web utiliza cookies propias y de terceros para mejorar tu experiencia, analizar el tráfico y mostrar publicidad.

¿Qué son las cookies?

Son pequeños archivos que se descargan en tu dispositivo al visitar una web y que permiten recordar información sobre tu navegación.

Tipos de cookies que usamos

Gestión de cookies

Puedes aceptar, rechazar o configurar las cookies desde el banner de consentimiento y, en cualquier momento, eliminarlas o bloquearlas desde la configuración de tu navegador (Chrome, Firefox, Safari, Edge…).

Ten en cuenta que desactivar algunas cookies puede afectar al correcto funcionamiento de ciertas partes del sitio.

Más información

Para cualquier duda sobre el uso de cookies, escríbenos a {TITULAR.email}.

 ), }, }; function CookieBanner({ onOpenCookies }) { const [show, setShow] = useState(false); useEffect(() => { try { if (!localStorage.getItem("ipjf_cookies")) setShow(true); } catch(e) { setShow(true); } }, []); const decide = (val) => { try { localStorage.setItem("ipjf_cookies", val); } catch(e) {} setShow(false); }; if (!show) return null; return (
🍪

Usamos cookies propias y de terceros para analizar el tráfico y mostrar publicidad. Puedes aceptarlas, rechazarlas o leer más en nuestro {e.preventDefault();onOpenCookies();}}>Aviso de cookies.

); } function LegalModal({ page, onClose }) { const data = LEGAL[page]; useEffect(() => { const esc = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", esc); document.body.style.overflow = "hidden"; return () => { window.removeEventListener("keydown", esc); document.body.style.overflow = ""; }; }, []); if (!data) return null; return (
e.target === e.currentTarget && onClose()}>
{data.icon} {data.title}

{data.title}

{data.body}
); } /* ---------------- Navegación de categorías ---------------- */ const NAV_ITEMS = [ { key:"manualidades", label:"Manualidades", href:"manualidades.html", color:"var(--coral)", soft:"cat-coral", Icon:I.scissors, cats:["manualidades"], img:"images/nav-scissors-tight.png" }, { key:"juegos", label:"Juegos", href:"juegos.html", color:"var(--sky)", soft:"cat-sky", Icon:I.dice, cats:["interior","aire"], img:"images/nav-ball-tight.png" }, { key:"mesa", label:"Juegos de mesa", href:"juegos-de-mesa.html", color:"var(--grape)", soft:"cat-grape", Icon:I.pawn, cats:["mesa"], img:"images/nav-pawn-tight.png" }, { key:"baraja", label:"Baraja Española", href:"baraja-espanola.html", color:"var(--coral)", soft:"cat-coral", Icon:I.cards, cats:["baraja"], img:"images/nav-cards-tight.png" }, { key:"recetas", label:"Recetas", href:"recetas.html", color:"var(--sun)", soft:"cat-sun", Icon:I.cup, cats:["recetas"], img:"images/nav-chef-tight.png" }, { key:"cuentos", label:"Libros", href:"libros.html", color:"var(--mint)", soft:"cat-mint", Icon:I.book, cats:["cuentos"], img:"images/nav-book-tight.png" }, ]; const navCount = (item) => (window.CARDS || []).filter(c => item.cats.includes(c.cat)).length; function SiteHeader({ active, q, setQ, searchOpen, setSearchOpen, menuOpen, setMenuOpen }) { return (
Ideas para Jugar en Familia Planes · Juegos · Manualidades
{searchOpen && ( setQ(e.target.value)} style={{ width: 180, padding: "0 16px", borderRadius: 999, border: "2px solid var(--ink)", background: "var(--paper-2)", color: "var(--ink)", fontFamily: "inherit", fontSize: 14, fontWeight: 700 }} /> )}
); } function MobileDrawer({ open, onClose }) { if (!open) return null; return (
e.stopPropagation()}>
Categorías
{NAV_ITEMS.map(item => ( {item.label} ))} @ideasparajugarenfamilia
); } function SiteFooter({ onLegal }) { return ( ); } /* ---------------- Chrome compartido: fetch a Supabase + estado global ---------------- */ function useSiteChrome() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [legalPage, setLegalPage] = useState(null); const [openCard, setOpenCard] = useState(null); const [menuOpen, setMenuOpen] = useState(false); const [searchOpen, setSearchOpen] = useState(false); const [games, setGames] = useState([]); const [loading, setLoading] = useState(true); const [loadError, setLoadError] = useState(null); const loadGames = useCallback(() => { setLoading(true); setLoadError(null); window.supabaseClient .from("games") .select("*") .order("category") .order("id") .then(({ data, error }) => { if (error) { setLoadError(error.message); setLoading(false); return; } const catOrder = Object.keys(CATS); const sorted = data.map(mapGameRow).sort((a, b) => catOrder.indexOf(a.cat) - catOrder.indexOf(b.cat)); window.CARDS = sorted; setGames(sorted); setLoading(false); }) .catch((err) => { setLoadError(err.message || "No se pudo conectar con el servidor."); setLoading(false); }); }, []); useEffect(() => { loadGames(); }, [loadGames]); useEffect(() => { const root = document.documentElement; root.classList.remove("theme-confeti", "theme-pastel", "theme-natural"); root.classList.add("theme-" + t.tema); root.style.setProperty("--font-display", `'${t.fuente}', system-ui, sans-serif`); }, [t.tema, t.fuente]); return { t, setTweak, legalPage, setLegalPage, openCard, setOpenCard, menuOpen, setMenuOpen, searchOpen, setSearchOpen, games, loading, loadError, loadGames }; } function SiteTweaksAndModals({ chrome }) { const { t, setTweak, legalPage, setLegalPage, openCard, setOpenCard } = chrome; return ( {openCard && setOpenCard(null)} />} {legalPage && setLegalPage(null)} />} setLegalPage("cookies")} /> setTweak("tema", v)} /> setTweak("fuente", v)} /> setTweak("mostrarAnuncios", v)} /> setTweak("heroFoto", v)} /> setTweak("afiliado", v)} /> ); } Object.assign(window, { I, Pinwheel, CATS, AGES, mapGameRow, StepModal, Card, AdSlot, CookieBanner, LegalModal, NAV_ITEMS, navCount, SiteHeader, SiteFooter, MobileDrawer, SiteTweaksAndModals, useSiteChrome, });