Fin de semana largo en La Costa: más de 100 actividades para disfrutar entre ferias, música, turismo y cultura
SancleAPP Agenda Fin de Semana Largo SancleAPP · Agenda Fin de semana largo en La Costa · 12 al 15 de junio de 2026 San Clemente del Tuyú ° Cargando clima : cargando fecha Todos los días Todas las localidades Descargar agenda (.html) SancleAPP
El Partido de Partido de La Costa preparó una agenda cargada de propuestas para este fin de semana largo, con actividades en San Clemente del Tuyú, Santa Teresita, San Bernardo del Tuyú, Mar de Ajó, Mar del Tuyú y Lucila del Mar. Habrá recorridos guiados, peñas folklóricas, espectáculos en vivo, ferias, museos y propuestas recreativas para vecinos y turistas que elijan la costa atlántica para el feriado.
SancleAPP Agenda Fin de Semana Largo
:root{ --navy:#15355A; --navy-deep:#0E2740; --sun:#FFB627; --sun-light:#FFE3A3; --coral:#E84C26; --coral-deep:#C73A1A; --sea:#3BA7C4; --paper:#FFFBF4; --line:#E8DECB; --ink:#1C2B3A; --cream:#FCF3E3; } *{margin:0;padding:0;box-sizing:border-box;} body{ font-family:'Helvetica Neue',Arial,sans-serif; background:var(--cream); color:var(--ink); padding-bottom:60px; }
/* ===== HEADER ===== */ header{ background:linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 65%, #0a1d33 100%); color:var(--paper); padding:0; position:relative; overflow:hidden; } .header-inner{ max-width:980px; margin:0 auto; padding:28px 20px 24px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; } .logo-circle{ width:64px;height:64px; border-radius:50%; background:var(--paper); display:flex;align-items:center;justify-content:center; flex-shrink:0; box-shadow:0 4px 14px rgba(0,0,0,.25); overflow:hidden; } .logo-circle img{width:100%;height:100%;object-fit:cover;} .header-text h1{ font-weight:800; font-size:clamp(1.5rem,4vw,2.4rem); letter-spacing:.5px; } .header-text h1 span{color:var(--sun);} .header-text p{ margin-top:4px; font-size:.95rem; color:#BFD6E8; } header::after{ content:""; position:absolute; bottom:0;left:0;right:0; height:10px; background:linear-gradient(90deg, var(--sun) 0%, var(--coral) 50%, var(--sea) 100%); } .sun-deco{ position:absolute; right:-60px; top:-60px; width:200px;height:200px; border-radius:50%; background:radial-gradient(circle, var(--sun) 0%, transparent 70%); opacity:.35; }
/* ===== WEATHER WIDGET ===== */ .weather-bar{ max-width:980px; margin:-22px auto 0; padding:0 20px; position:relative; z-index:2; } .weather-card{ background:var(--paper); border-radius:14px; box-shadow:0 8px 24px rgba(14,39,64,.18); padding:16px 22px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; border:1px solid var(--line); } .weather-icon{ width:54px;height:54px; flex-shrink:0; } .weather-info{flex:1;min-width:140px;} .weather-loc{ font-weight:800; font-size:1.05rem; color:var(--navy); } .weather-temp{ font-size:1.9rem; font-weight:800; color:var(--coral); line-height:1; } .weather-desc{ font-size:.85rem; color:#6b7c8f; text-transform:capitalize; } .weather-datetime{ text-align:right; flex-shrink:0; } .weather-time{ font-size:1.5rem; font-weight:800; color:var(--navy); font-variant-numeric:tabular-nums; } .weather-date{ font-size:.82rem; color:#8a97a6; text-transform:capitalize; } .weather-extra{ font-size:.78rem; color:#8a97a6; display:flex; gap:14px; } @media (max-width:520px){ .weather-card{justify-content:center;text-align:center;} .weather-datetime{width:100%;text-align:center;margin-top:6px;} }
/* ===== CONTROLS ===== */ .controls{ max-width:980px; margin:24px auto 0; padding:0 20px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; } .controls select, .controls input{ font-family:inherit; font-size:.95rem; padding:10px 16px; border:1.5px solid var(--navy); border-radius:999px; background:var(--paper); color:var(--ink); } .controls input{flex:1;min-width:180px;} .controls select:focus, .controls input:focus{ outline:2px solid var(--sea); outline-offset:1px; }
/* ===== AGENDA ===== */ .day-section{ max-width:980px; margin:32px auto 0; padding:0 20px; } .day-title{ font-weight:800; font-size:1.3rem; color:var(--navy); text-transform:uppercase; letter-spacing:1.5px; border-bottom:4px solid var(--sun); padding-bottom:8px; margin-bottom:6px; display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; } .day-tag{ font-size:.7rem; background:var(--coral); color:var(--paper); padding:4px 12px; border-radius:999px; letter-spacing:1px; font-weight:700; white-space:nowrap; } .locality-group{margin-top:20px;} .locality-name{ font-weight:700; font-size:.78rem; letter-spacing:2.5px; color:var(--sea); text-transform:uppercase; margin-bottom:10px; padding-left:2px; display:flex; align-items:center; gap:8px; } .locality-name::before{ content:""; width:8px;height:8px; border-radius:50%; background:var(--sea); flex-shrink:0; } .event-card{ background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:14px 18px; margin-bottom:10px; display:grid; grid-template-columns:56px 90px 1fr; gap:14px; align-items:start; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .event-card:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(21,53,90,.12); border-color:var(--sea); } .event-icon{ width:56px;height:56px; border-radius:12px; background:var(--cream); display:flex;align-items:center;justify-content:center; flex-shrink:0; border:1px solid var(--line); } .event-icon svg{width:36px;height:36px;} .event-time{ font-weight:800; color:var(--coral); font-size:.9rem; line-height:1.3; padding-top:2px; } .event-body h3{ font-size:1.05rem; margin-bottom:4px; color:var(--navy); font-weight:800; } .event-place{ font-size:.85rem; color:var(--sea); margin-bottom:4px; font-weight:600; } .event-desc{ font-size:.92rem; line-height:1.45; color:#4a5a6b; } .empty-msg{ text-align:center; padding:50px 20px; color:var(--sea); font-style:italic; font-size:1.05rem; }
.download-bar{ max-width:980px; margin:36px auto 0; padding:0 20px; text-align:center; } .download-bar button{ font-family:inherit; font-weight:800; font-size:.95rem; background:var(--coral); color:var(--paper); border:none; padding:14px 30px; border-radius:999px; cursor:pointer; letter-spacing:1px; text-transform:uppercase; box-shadow:0 4px 14px rgba(232,76,38,.35); transition:background .15s ease, transform .15s ease; } .download-bar button:hover{background:var(--coral-deep);transform:translateY(-1px);}
footer{ text-align:center; margin-top:46px; font-size:.8rem; color:#9aa7b5; padding:0 20px; } footer strong{color:var(--navy);}
@media (max-width:480px){ .event-card{grid-template-columns:48px 1fr;} .event-time{ grid-column:2; order:-1; } .event-icon{width:48px;height:48px;} .event-icon svg{width:30px;height:30px;} }
SancleAPP · Agenda
Fin de semana largo en La Costa · 12 al 15 de junio de 2026
San Clemente del Tuyú
–°
Cargando clima…
–:–
cargando fecha…
Todos los días
Todas las localidades
Descargar agenda (.html)
SancleAPP · Fuente: Municipalidad de La Costa Prensa La Costa 5, 12 de junio de 2026
/* ============ ICONOS SVG (estilo dibujo, fondo blanco) ============ */ const ICONS = { museo: ``,
feria: ``,
pena: ``,
baile: ``,
bingo: ``,
teatro: ``,
vivero: ``,
guiada: ``,
patin: ``,
tango: ``,
kpop: ``,
pesca: ``,
costanera: ``,
bosque: ``,
gastronomia: ``,
default: ``, };
/* ============ DATA ============ */ const DATA = [ // ===== VIERNES 12 ===== {day:"Viernes 12", locality:"San Clemente", time:"10:00 a 22:00", title:"Muestra \"Navegando por la Historia\"", place:"Centro Cultural (Av. Naval y Av. San Martín)", desc:"Recorrido sobre los faros, muelles y naufragios que forman parte de la historia del Partido de La Costa.", icon:"museo"}, {day:"Viernes 12", locality:"Santa Teresita", time:"19:00 a 21:00", title:"Museo Histórico Santa Teresita", place:"Calle 39 Nº 139", desc:"Visita al museo histórico de la localidad.", icon:"museo"}, {day:"Viernes 12", locality:"Santa Teresita", time:"8:00 a 12:00 y 16:00 a 20:00", title:"Museo Malvinas Argentinas", place:"Calle 16 Nº 699", desc:"Visita al museo dedicado a la causa Malvinas.", icon:"museo"}, {day:"Viernes 12", locality:"Santa Teresita", time:"Desde las 20:00 (baile desde las 21:00)", title:"Baile \"A Todo Ritmo\"", place:"Centro de Jubilados de la Tercera Edad (Calle 38 Nº 945)", desc:"Clase de rock a cargo de Ana y José, show en vivo de Nahuel Cabretto y musicalización del DJ Juanjo. Entrada anticipada.", icon:"baile"}, {day:"Viernes 12", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Av. San Bernardo y Av. Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Viernes 12", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Plaza del Sol y la Familia (Av. San Bernardo y Tucumán)", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Viernes 12", locality:"Mar de Ajó", time:"10:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Plaza del ACA (Avellaneda y La Rioja)", desc:"Feria de productos regionales y emprendedores.", icon:"feria"},
// ===== SÁBADO 13 ===== {day:"Sábado 13", locality:"San Clemente", time:"14:00", title:"Visita guiada al Vivero Cosme Argerich", place:"Av. XV y calle 1", desc:"Recorrido guiado por el vivero.", icon:"vivero"}, {day:"Sábado 13", locality:"San Clemente", time:"A confirmar", title:"Torneo Interclubes de Patín Artístico", place:"Polideportivo Municipal", desc:"Competencia de patín artístico entre clubes. Horario a confirmar.", icon:"patin"}, {day:"Sábado 13", locality:"San Clemente", time:"Desde las 10:00", title:"Feria La Esperanza", place:"Plaza del Tanque (calle 68 entre 7 y 8)", desc:"Feria de productos y artesanías.", icon:"feria"}, {day:"Sábado 13", locality:"San Clemente", time:"16:00 a 20:00", title:"Feria Artemar", place:"Plaza de las Banderas (Av. San Martín y calle 1)", desc:"Feria de artesanos locales.", icon:"feria"}, {day:"Sábado 13", locality:"San Clemente", time:"15:00 a 18:00", title:"Feria Pulpo", place:"Plaza Almirante Brown (calle 20 y 12)", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Sábado 13", locality:"San Clemente", time:"14:00 a 18:00", title:"Feria Mundo Cactus", place:"Plaza de las Banderas", desc:"Feria temática de cactus y plantas.", icon:"feria"}, {day:"Sábado 13", locality:"Santa Teresita", time:"20:00", title:"\"Caminando América\"", place:"Lo de Juan & Emi (calle 31 Nº 737)", desc:"Espectáculo de música latinoamericana. Evento al sobre.", icon:"pena"}, {day:"Sábado 13", locality:"Santa Teresita", time:"19:00 a 21:00", title:"Museo Histórico Santa Teresita", place:"Calle 39 Nº 139", desc:"Visita al museo histórico de la localidad.", icon:"museo"}, {day:"Sábado 13", locality:"Santa Teresita", time:"8:00 a 12:00 y 16:00 a 20:00", title:"Museo Malvinas Argentinas", place:"Calle 16 Nº 699", desc:"Visita al museo dedicado a la causa Malvinas.", icon:"museo"}, {day:"Sábado 13", locality:"Santa Teresita", time:"11:00 a 18:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Costanera y calle 40", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Sábado 13", locality:"Santa Teresita", time:"Desde las 11:00", title:"Feria Brisas de Mar", place:"Costanera y calle 35", desc:"Feria de artesanos y productos.", icon:"feria"}, {day:"Sábado 13", locality:"Santa Teresita", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Costanera y calle 36", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Sábado 13", locality:"Santa Teresita", time:"Desde las 11:00", title:"Colectivo de Artesanos", place:"Costanera y calle 38", desc:"Feria de artesanos locales.", icon:"feria"}, {day:"Sábado 13", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Av. San Bernardo y Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Sábado 13", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Plaza del Sol y la Familia (Av. San Bernardo y Tucumán)", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Sábado 13", locality:"Mar de Ajó", time:"15:00", title:"Experiencia guiada por atractivos históricos y culturales", place:"Salida desde la Oficina de Informes Turísticos (Av. Libertador San Martín y Costanera)", desc:"Recorrido guiado por los principales atractivos de la localidad.", icon:"guiada"}, {day:"Sábado 13", locality:"Mar de Ajó", time:"10:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Libertador y Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Sábado 13", locality:"Mar de Ajó", time:"17:00 a 21:00", title:"Museo y Archivo Histórico", place:"Lebensohn 566", desc:"Visita al museo y archivo histórico de la localidad.", icon:"museo"},
// ===== DOMINGO 14 ===== {day:"Domingo 14", locality:"San Clemente", time:"15:00", title:"Tarde de Bingo", place:"Centro de Jubilados Tala Sur (calle 8 Nº 3431)", desc:"Tarde de bingo para la comunidad.", icon:"bingo"}, {day:"Domingo 14", locality:"San Clemente", time:"14:00", title:"Visita guiada al Vivero Cosme Argerich", place:"Av. XV y calle 1", desc:"Recorrido guiado por el vivero.", icon:"vivero"}, {day:"Domingo 14", locality:"San Clemente", time:"16:00 a 20:00", title:"Feria Artemar", place:"Plaza de las Banderas (Av. San Martín y calle 1)", desc:"Feria de artesanos locales.", icon:"feria"}, {day:"Domingo 14", locality:"San Clemente", time:"15:00 a 18:00", title:"Feria Pulpo", place:"Plaza Almirante Brown (calle 20 y 12)", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Domingo 14", locality:"San Clemente", time:"14:00 a 18:00", title:"Feria Mundo Cactus", place:"Plaza de las Banderas", desc:"Feria temática de cactus y plantas.", icon:"feria"}, {day:"Domingo 14", locality:"Santa Teresita", time:"12:00", title:"Peña \"Sentir Folklore\"", place:"Sociedad de Fomento Las Quintas (calle 14 entre 45 y 46)", desc:"Artistas en vivo y danzas tradicionales.", icon:"pena"}, {day:"Domingo 14", locality:"Santa Teresita", time:"19:00", title:"\"Hasta que todo sea\"", place:"Lo de Juan & Emi (calle 31 Nº 737)", desc:"Relato teatral de Liliana Rossi.", icon:"teatro"}, {day:"Domingo 14", locality:"Santa Teresita", time:"19:00 a 21:00", title:"Museo Histórico Santa Teresita", place:"Calle 39 Nº 139", desc:"Visita al museo histórico de la localidad.", icon:"museo"}, {day:"Domingo 14", locality:"Santa Teresita", time:"8:00 a 12:00 y 16:00 a 20:00", title:"Museo Malvinas Argentinas", place:"Calle 16 Nº 699", desc:"Visita al museo dedicado a la causa Malvinas.", icon:"museo"}, {day:"Domingo 14", locality:"Santa Teresita", time:"11:00 a 18:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Costanera y calle 40", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Domingo 14", locality:"Santa Teresita", time:"Desde las 11:00", title:"Feria Brisas de Mar", place:"Costanera y calle 35", desc:"Feria de artesanos y productos.", icon:"feria"}, {day:"Domingo 14", locality:"Santa Teresita", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Costanera y calle 36", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Domingo 14", locality:"Santa Teresita", time:"Desde las 11:00", title:"Colectivo de Artesanos", place:"Costanera y calle 38", desc:"Feria de artesanos locales.", icon:"feria"}, {day:"Domingo 14", locality:"Mar del Tuyú", time:"Clase de tango 18:00, baile desde las 19:00", title:"Tango y baile popular", place:"Casa de la Cultura y la Memoria (calle 4 y 69)", desc:"Clase de tango seguida de baile popular abierto a todos.", icon:"tango"}, {day:"Domingo 14", locality:"Lucila del Mar", time:"Desde las 12:30", title:"Peña folclórica y baile popular", place:"Centro de Jubilados La Lucila del Mar (Corrientes y Mitre)", desc:"Peña con música folclórica y baile popular.", icon:"pena"}, {day:"Domingo 14", locality:"San Bernardo", time:"15:00", title:"Experiencia guiada con degustación de alfajores", place:"Salida desde el Parador Municipal (Costanera al 3000)", desc:"Recorrido guiado por atractivos históricos y culturales con degustación de alfajores.", icon:"gastronomia"}, {day:"Domingo 14", locality:"San Bernardo", time:"Desde las 11:00", title:"Peña folclórica con MDA Folk y Cristian Figueroa", place:"La Nueva Herradura (Ruta 11 Km 340)", desc:"Música folclórica en vivo y baile.", icon:"pena"}, {day:"Domingo 14", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Av. San Bernardo y Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Domingo 14", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Plaza del Sol y la Familia (Av. San Bernardo y Tucumán)", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Domingo 14", locality:"Mar de Ajó", time:"14:00", title:"KPOP ON FIRE", place:"Espacio Multicultural (Hipólito Yrigoyen 541)", desc:"Encuentro dedicado a la cultura pop coreana.", icon:"kpop"}, {day:"Domingo 14", locality:"Mar de Ajó", time:"15:30", title:"Bingo Familiar", place:"Entre Ríos 550", desc:"Tarde de bingo para toda la familia.", icon:"bingo"}, {day:"Domingo 14", locality:"Mar de Ajó", time:"10:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Libertador y Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Domingo 14", locality:"Mar de Ajó", time:"17:00 a 21:00", title:"Museo y Archivo Histórico", place:"Lebensohn 566", desc:"Visita al museo y archivo histórico de la localidad.", icon:"museo"},
// ===== LUNES 15 (FERIADO) ===== {day:"Lunes 15 (Feriado)", locality:"San Clemente", time:"10:00 a 22:00", title:"\"Navegando por la historia\"", place:"Centro Cultural (Av. Naval y Av. San Martín)", desc:"Recorrido sobre los faros, muelles y naufragios que forman parte de la historia del Partido de La Costa.", icon:"museo"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"19:00 a 21:00", title:"Museo Histórico Santa Teresita", place:"Calle 39 Nº 139", desc:"Visita al museo histórico de la localidad.", icon:"museo"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"8:00 a 12:00 y 16:00 a 20:00", title:"Museo Malvinas Argentinas", place:"Calle 16 Nº 699", desc:"Visita al museo dedicado a la causa Malvinas.", icon:"museo"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"11:00 a 18:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Costanera y calle 40", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"Desde las 11:00", title:"Feria Brisas de Mar", place:"Costanera y calle 35", desc:"Feria de artesanos y productos.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Costanera y calle 36", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"Desde las 11:00", title:"Feria Colectivo de Artesanos", place:"Costanera y calle 38", desc:"Feria de artesanos locales.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita", time:"15:30 a 17:00", title:"Actividad de Folklore", place:"Parador Municipal de Santa Teresita (Costanera y calle 35)", desc:"Actividad cultural folclórica.", icon:"pena"}, {day:"Lunes 15 (Feriado)", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Av. San Bernardo y Av. Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"San Bernardo", time:"11:00 a 17:00", title:"Feria Somos Amaicha", place:"Plaza del Sol y la Familia (Av. San Bernardo y Tucumán)", desc:"Feria de artesanías y productos.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"San Bernardo", time:"Espacio abierto", title:"Parador Municipal de San Bernardo", place:"Costanera al 3000", desc:"Espacio abierto de encuentro comunitario frente al mar con propuestas recreativas y culturales para vecinos y visitantes.", icon:"costanera"}, {day:"Lunes 15 (Feriado)", locality:"Mar de Ajó", time:"10:00 a 17:00", title:"Feria Pulpo y Mercados Bonaerenses", place:"Libertador y Costanera", desc:"Feria de productos regionales y emprendedores.", icon:"feria"}, {day:"Lunes 15 (Feriado)", locality:"Mar de Ajó", time:"17:00 a 21:00", title:"Museo y Archivo Histórico", place:"Lebensohn 566", desc:"Visita al museo y archivo histórico de la localidad.", icon:"museo"}, {day:"Lunes 15 (Feriado)", locality:"Costa del Este", time:"Libre", title:"Recorridos por bosques y senderos naturales", place:"Costa del Este", desc:"Caminatas por los bosques y senderos naturales de la zona.", icon:"bosque"}, {day:"Lunes 15 (Feriado)", locality:"San Clemente", time:"Libre", title:"Caminatas por el Vivero Cosme Argerich", place:"San Clemente del Tuyú", desc:"Recorrido libre por el vivero municipal.", icon:"vivero"}, {day:"Lunes 15 (Feriado)", locality:"Santa Teresita / San Bernardo", time:"Libre", title:"Visita a los Paradores Municipales", place:"Santa Teresita y San Bernardo", desc:"Recorrido por los paradores municipales frente al mar.", icon:"costanera"}, {day:"Lunes 15 (Feriado)", locality:"Todo el Partido", time:"Libre", title:"Paseos por los frentes costeros", place:"Distintas localidades del distrito", desc:"Recorridos libres por las costaneras de cada localidad.", icon:"costanera"}, {day:"Lunes 15 (Feriado)", locality:"Todo el Partido", time:"Libre", title:"Recorridos gastronómicos", place:"Distintas localidades del distrito", desc:"Degustación de productos regionales en distintos puntos del partido.", icon:"gastronomia"}, {day:"Lunes 15 (Feriado)", locality:"Todo el Partido", time:"8:00 a 13:00", title:"Venta de pescado fresco artesanal", place:"Distintas localidades del distrito", desc:"Puntos de venta de pescado fresco artesanal.", icon:"pesca"}, ];
const DAYS_ORDER = ["Viernes 12","Sábado 13","Domingo 14","Lunes 15 (Feriado)"];
const agendaEl = document.getElementById('agenda'); const dayFilter = document.getElementById('filterDay'); const localityFilter = document.getElementById('filterLocality'); const searchBox = document.getElementById('searchBox');
DAYS_ORDER.forEach(d => { const opt = document.createElement('option'); opt.value = d; opt.textContent = d; dayFilter.appendChild(opt); }); [...new Set(DATA.map(e=>e.locality))].sort().forEach(loc => { const opt = document.createElement('option'); opt.value = loc; opt.textContent = loc; localityFilter.appendChild(opt); });
function render(){ const dayVal = dayFilter.value; const locVal = localityFilter.value; const q = searchBox.value.trim().toLowerCase();
agendaEl.innerHTML = ''; let any = false;
DAYS_ORDER.forEach(day => { if(dayVal && dayVal !== day) return; let events = DATA.filter(e => e.day === day); if(locVal) events = events.filter(e => e.locality === locVal); if(q) events = events.filter(e => e.title.toLowerCase().includes(q) || e.desc.toLowerCase().includes(q) || e.place.toLowerCase().includes(q) || e.locality.toLowerCase().includes(q) ); if(events.length === 0) return; any = true;
const section = document.createElement('div'); section.className = 'day-section'; section.innerHTML = `${day} ${events.length} ${events.length===1?'actividad':'actividades'} `;
const byLocality = {}; events.forEach(e => { if(!byLocality[e.locality]) byLocality[e.locality] = []; byLocality[e.locality].push(e); });
Object.keys(byLocality).sort().forEach(loc => { const group = document.createElement('div'); group.className = 'locality-group'; group.innerHTML = `${loc} `; byLocality[loc].forEach(e => { const card = document.createElement('div'); card.className = 'event-card'; const iconSvg = ICONS[e.icon] || ICONS.default; card.innerHTML = ` ${iconSvg}
${e.time}
${e.title}
${e.place}
${e.desc}
`; group.appendChild(card); }); section.appendChild(group); });
agendaEl.appendChild(section); });
if(!any){ agendaEl.innerHTML = 'No se encontraron actividades con esos filtros. Probá otra combinación. '; } }
dayFilter.addEventListener('change', render); localityFilter.addEventListener('change', render); searchBox.addEventListener('input', render);
render();
/* ============ CLIMA + RELOJ ============ */ const WEATHER_ICONS = { sun: ``, cloud: ``, cloudsun: ``, rain: ``, storm: ``, fog: ``, };
function pickWeatherIcon(code){ if(code===0) return WEATHER_ICONS.sun; if([1,2].includes(code)) return WEATHER_ICONS.cloudsun; if(code===3) return WEATHER_ICONS.cloud; if([45,48].includes(code)) return WEATHER_ICONS.fog; if([51,53,55,56,57,61,63,65,66,67,80,81,82].includes(code)) return WEATHER_ICONS.rain; if([95,96,99].includes(code)) return WEATHER_ICONS.storm; return WEATHER_ICONS.cloud; }
function describeWeather(code){ const map = { 0:"Despejado", 1:"Mayormente despejado", 2:"Parcialmente nublado", 3:"Nublado", 45:"Niebla", 48:"Niebla con escarcha", 51:"Llovizna ligera", 53:"Llovizna", 55:"Llovizna intensa", 56:"Llovizna helada", 57:"Llovizna helada intensa", 61:"Lluvia ligera", 63:"Lluvia", 65:"Lluvia intensa", 66:"Lluvia helada", 67:"Lluvia helada intensa", 71:"Nevada ligera", 73:"Nevada", 75:"Nevada intensa", 80:"Chubascos ligeros", 81:"Chubascos", 82:"Chubascos intensos", 95:"Tormenta", 96:"Tormenta con granizo", 99:"Tormenta fuerte con granizo" }; return map[code] || "Condiciones variables"; }
async function loadWeather(){ try{ const url = "https://api.open-meteo.com/v1/forecast?latitude=-36.367&longitude=-56.717¤t=temperature_2m,weather_code,wind_speed_10m,relative_humidity_2m&timezone=America%2FArgentina%2FBuenos_Aires"; const res = await fetch(url); const data = await res.json(); const c = data.current; document.getElementById('weatherTemp').textContent = Math.round(c.temperature_2m) + '°C'; document.getElementById('weatherDesc').textContent = describeWeather(c.weather_code); document.getElementById('weatherIcon').innerHTML = pickWeatherIcon(c.weather_code); document.getElementById('weatherExtra').innerHTML = ` ${c.relative_humidity_2m}% ${Math.round(c.wind_speed_10m)} km/h`; }catch(err){ document.getElementById('weatherDesc').textContent = "No se pudo cargar el clima"; document.getElementById('weatherIcon').innerHTML = WEATHER_ICONS.cloud; } }
function updateClock(){ const now = new Date(); const timeStr = now.toLocaleTimeString('es-AR', {hour:'2-digit', minute:'2-digit'}); const dateStr = now.toLocaleDateString('es-AR', {weekday:'long', day:'numeric', month:'long'}); document.getElementById('clockTime').textContent = timeStr; document.getElementById('clockDate').textContent = dateStr; }
updateClock(); setInterval(updateClock, 30000); loadWeather(); setInterval(loadWeather, 10 * 60 * 1000);
/* ============ DESCARGA ============ */ function downloadAgenda(){ const html = document.documentElement.outerHTML; const blob = new Blob([html], {type: 'text/html'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'sancleapp-agenda-fin-de-semana.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }
