/* global React, ReactDOM */ const { useState } = React; // ===== Palette presets ===== const PALETTES = { "azul-celeste": { name: "Azul institucional", ink: "#0a1f3d", "ink-soft": "#1f3a63", blue: "#0f4c8a", "blue-strong": "#093766", sky: "#6cb6e0", sun: "#f4b740", terracotta: "#c75b3c", cream: "#f8f3e7", paper: "#fdfbf5", line: "#e6dfcc", muted: "#6b6552", green: "#3f7d4e", }, "azul-profundo": { name: "Azul profundo", ink: "#0b1a33", "ink-soft": "#1c2e52", blue: "#1d3a8a", "blue-strong": "#0e235f", sky: "#8db4e8", sun: "#ffc857", terracotta: "#d96a3a", cream: "#f4f1e8", paper: "#fbf9f2", line: "#e2dccc", muted: "#666075", green: "#3f8060", }, "verde-tierra": { name: "Verde y tierra", ink: "#1d2a1f", "ink-soft": "#324235", blue: "#2d5a3d", "blue-strong": "#1d3d28", sky: "#a8c4a2", sun: "#e8a93d", terracotta: "#b8552e", cream: "#f5f1e3", paper: "#fbf8ec", line: "#e0d9c2", muted: "#675e4a", green: "#3f7d4e", }, "bordo-clasico": { name: "Bordó clásico", ink: "#231013", "ink-soft": "#3a1c22", blue: "#8a1c2b", "blue-strong": "#5e0e1b", sky: "#d6a0a5", sun: "#e8b440", terracotta: "#c75b3c", cream: "#f5ede2", paper: "#fbf6ec", line: "#e4d7c2", muted: "#6e5a4a", green: "#4a7050", }, }; const PALETTE_OPTIONS = Object.entries(PALETTES).map(([k, v]) => ({ key: k, name: v.name, colors: [v.blue, v.sky, v.sun, v.cream] })); const DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "azul-celeste" }/*EDITMODE-END*/; function applyPalette(key) { const p = PALETTES[key] || PALETTES["azul-celeste"]; const root = document.documentElement; Object.entries(p).forEach(([k, v]) => { if (k === "name") return; root.style.setProperty(`--${k}`, v); }); } // ===== Icons ===== const Icon = { Phone: (p) => , Alert: (p) => , Doc: (p) => , Calendar: (p) => , Card: (p) => , Map: (p) => , Shop: (p) => , Arrow: (p) => , Pin: (p) => , Mail: (p) => , Fb: (p) => , Ig: (p) => , Yt: (p) => , Sun: (p) => , Search: (p) => , }; // ===== Header with mega-menu ===== function MegaMenu({ item, open }) { if (!item.children) return null; // Multi-column layout if any child has its own children const hasGrandchildren = item.children.some(c => c.children && c.children.length); return (
{item.children.map((c, i) => (
{c.slug ? {c.label} :
{c.label}
} {c.children && ( )}
))}
); } function Header({ currentSlug }) { const [open, setOpen] = useState(null); const [mobileOpen, setMobileOpen] = useState(false); const [expanded, setExpanded] = useState({}); // Cerrar drawer al cambiar de ruta y liberar el scroll del body React.useEffect(() => { setMobileOpen(false); document.body.style.overflow = ''; }, [currentSlug]); React.useEffect(() => { document.body.style.overflow = mobileOpen ? 'hidden' : ''; }, [mobileOpen]); return ( <>
Urgencias 24h · 100 · 107 · 911 | Comuna abierta hoy 7:00–13:00
03564 492253 Contacto Buscar
Comuna de Zenón Pereyra
Gobierno Comunal
Comuna de
Zenón Pereyra
{/* Mobile drawer */}
Zenón Pereyra
{mobileOpen &&
setMobileOpen(false)}/>} ); } // ===== Hero ===== function Hero() { return (
Provincia de Santa Fe · Dpto. Castellanos

Un pueblo que te abre la puerta
todos los días.

Trámites más simples, información clara y un canal directo con quienes hacemos la comuna. Bienvenido al nuevo sitio de Zenón Pereyra.

VG
Mensaje de la Presidenta Comunal Verónica J. Gallo · Comisión Comunal
Acceso al pueblo de Zenón Pereyra
Desde 1892
Plaza San Martín
Corazón del pueblo
Imagen provisoria · se reemplazará por una foto oficial del pueblo
2.847
Vecinos y vecinas
132
Años de historia
48
Instituciones activas
14
Trámites en línea
); } // ===== Accesos rápidos ===== const QUICK = [ { ico: , label: "Urgencias", desc: "Bomberos · Policía · SAMCo", cls: "urgent", href: "#/urgencias" }, { ico: , label: "Trámites", desc: "Hacelos en línea", cls: "featured", href: "#/tramites" }, { ico: , label: "Vencimientos", desc: "Calendario tributario", href: "#/vencimientos" }, { ico: , label: "Boleta Web", desc: "Pagá tu boleta", href: "https://zenonpereyra.boletaweb.com.ar", external: true }, { ico: , label: "Plano", href: "#/planos" }, { ico: , label: "Guía de comercios", desc: "Industria y comercio local", href: "#/ciudadanos/guia-industria-y-comercio" }, ]; function Quick() { return (
Accesos rápidos

Resolvé lo cotidiano en pocos clics.

Ver todos los servicios →
{QUICK.map((q, i) => (
{q.ico}
{q.label}
{q.desc &&
{q.desc}
}
))}
); } // ===== News + sidebar ===== const PH_COLORS = [ { a: "#1668b8", b: "#093766" }, { a: "#3f7d4e", b: "#1f3a63" }, { a: "#c75b3c", b: "#7a2a14" }, { a: "#f4b740", b: "#a06a16" }, ]; function Ph({ idx, label }) { const c = PH_COLORS[idx % PH_COLORS.length]; return (
{label || "Foto"}
); } // ===== Weather (Open-Meteo, sin API key) ===== const ZP_COORDS = { lat: -31.56101, lon: -61.89622, tz: "America/Argentina/Cordoba" }; // WMO weather codes → texto en español (Open-Meteo doc oficial) function describeWeather(code) { if (code === 0) return "Despejado"; if (code === 1) return "Mayormente despejado"; if (code === 2) return "Parcialmente nublado"; if (code === 3) return "Nublado"; if (code === 45 || code === 48) return "Niebla"; if (code >= 51 && code <= 57) return "Llovizna"; if (code >= 61 && code <= 67) return "Lluvia"; if (code >= 71 && code <= 77) return "Nieve"; if (code >= 80 && code <= 82) return "Chubascos"; if (code >= 85 && code <= 86) return "Chubascos de nieve"; if (code === 95) return "Tormenta"; if (code === 96 || code === 99) return "Tormenta con granizo"; return "Sin datos"; } function uvLabel(uv) { if (uv == null) return "—"; if (uv < 3) return "Bajo"; if (uv < 6) return "Moderado"; if (uv < 8) return "Alto"; if (uv < 11) return "Muy alto"; return "Extremo"; } function Weather() { const [w, setW] = useState(null); const [error, setError] = useState(false); React.useEffect(() => { const url = `https://api.open-meteo.com/v1/forecast` + `?latitude=${ZP_COORDS.lat}&longitude=${ZP_COORDS.lon}` + `¤t=temperature_2m,relative_humidity_2m,apparent_temperature,weather_code,wind_speed_10m,uv_index` + `&timezone=${encodeURIComponent(ZP_COORDS.tz)}`; fetch(url) .then(r => r.ok ? r.json() : Promise.reject(new Error(`HTTP ${r.status}`))) .then(j => setW(j.current)) .catch(() => setError(true)); }, []); const ready = w && !error; const temp = ready ? Math.round(w.temperature_2m) : "—"; const apparent = ready ? Math.round(w.apparent_temperature) : null; const cond = error ? "Sin conexión con el servicio del clima" : ready ? describeWeather(w.weather_code) : "Cargando…"; const humidity = ready ? `${Math.round(w.relative_humidity_2m)}%` : "—"; const wind = ready ? `${Math.round(w.wind_speed_10m)} km/h` : "—"; const uv = ready ? uvLabel(w.uv_index) : "—"; return (
Zenón PereyraSanta Fe · AR
{temp}°C
{cond} {apparent != null && <> · Sensación {apparent}°}
Humedad{humidity}
Viento{wind}
UV{uv}
); } // ===== Date strip dinámico ===== const PICKUP_BY_DOW = { 0: "Sin recolección", // domingo 1: "Húmedos y secos", // lunes 2: "Peligrosos · ramas y poda", // martes 3: "Húmedos y secos", // miércoles 4: "Peligrosos · ramas y poda", // jueves 5: "Húmedos y secos", // viernes 6: "Sin recolección", // sábado }; function TodayStrip() { const now = new Date(); const cap = s => s.charAt(0).toUpperCase() + s.slice(1); const weekday = cap(now.toLocaleDateString("es-AR", { weekday: "long" })); const month = cap(now.toLocaleDateString("es-AR", { month: "long" })); const pickup = PICKUP_BY_DOW[now.getDay()]; return (
{now.getDate()}
{weekday} {month} · {now.getFullYear()}
Recolección
{pickup}
); } function News() { return (
Noticias y actualidad

Lo último que pasa en el pueblo.

Ver todas las noticias →
Obras
06 May 2026 Planeamiento Urbano

Finalizó la primera etapa del pavimento en barrio Norte

Se concretaron 14 cuadras de cordón cuneta y carpeta asfáltica. En las próximas semanas comienza la segunda etapa que conectará con la ruta provincial 13.

Medio Ambiente
02 May 20263 min

Jornada de plantación en la Reserva Ecológica Comunal

Cultura
29 Abr 20262 min

Cronograma completo de la Fiesta Patronal 2026

); } // ===== Mensaje vecinal ===== function Message() { return (
“

Zenón Pereyra es una comuna chica con horizonte grande. Trabajamos para que cada vecino sienta a su gobierno cerca, y a su pueblo creciendo todos los días.

Mensaje de la Presidenta Comunal Verónica Jésica Gallo
); } // ===== Footer ===== function Footer() { return ( ); } // ===== Tweaks panel ===== function Tweaks() { const { TweaksPanel, useTweaks, TweakSection } = window; const [t, setTweak] = useTweaks(DEFAULTS); React.useEffect(() => { applyPalette(t.palette); }, [t.palette]); return (
{PALETTE_OPTIONS.map(p => ( ))}
); } // ===== Home ===== function Home() { return (<>); } // ===== Mount ===== function App() { React.useEffect(() => { applyPalette(DEFAULTS.palette); }, []); const path = window.useHashRoute(); const isHome = path === "/" || path === ""; return ( <>
{isHome ? : }