.cyh-wrapper { display: flex; flex-direction: column; gap: 20px; font-family: sans-serif; background: #fff; padding: 10px; } .cyh-filtros { display: flex; gap: 10px; background: #f8f9fa; padding: 15px; border-radius: 8px; align-items: flex-end; border-bottom: 3px solid #2E7D32; flex-wrap: wrap; } .cyh-filtros div { flex: 1; min-width: 150px; } .cyh-filtros label { display: block; font-size: 11px; font-weight: bold; color: #2E7D32; margin-bottom: 5px; } .cyh-filtros input, .cyh-filtros select { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .btn-buscar-cal { background: #FFB300; color: white; border: none; padding: 10px 20px; border-radius: 4px; font-weight: bold; cursor: pointer; } .cyh-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; } #calendario-v3 { background: white; padding: 10px; border: 1px solid #eee; border-radius: 8px; min-height: 500px; } .cyh-lista { background: #fdfdfd; padding: 15px; border: 1px solid #eee; border-radius: 8px; } .list-title-cal { margin: 0 0 15px 0; font-size: 16px; color: #2E7D32; border-bottom: 2px solid #A4B8A6; padding-bottom: 5px; font-weight: bold; } .ev-card-cal { background: white; border: 1px solid #eee; border-left: 5px solid #2E7D32; padding: 10px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .ev-card-cal h4 { margin: 0; font-size: 14px; color: #333; } .ev-hacienda-cal { font-size: 10px; color: #FF9800; font-weight: bold; text-transform: uppercase; } .ev-fecha-cal { font-size: 11px; color: #666; display: block; margin-top: 5px; } @media (max-width: 800px) { .cyh-layout { grid-template-columns: 1fr; } } ACTIVIDAD HACIENDA Todas... MIMIAHUAPAN CASA GRANDE MIMIAHUAPAN MAYORAL MONTEFALCO CASA GRANDE MONTEFALCO EL RODIL MONTEFALCO HUESPEDES MONTEFALCO PABELLÓN TOSHI CASA GRANDE TOSHI LA TROJE LABOR Todas... Acacia Actividad de un día Agregada Agregado Albana Campamento CEICID Centro de Estudios Convivencia Convivencia Cooperador Cooperadora Cooperadora Curso Anual Curso de Retiro Hombre Instituciones Labor Social Labor Social Mamás Mujer Numeraria Numeraria Auxiliar Numerario Papás Profesionista Profesionista-Hombre Promoción Rural Retiro Sacerdote San Rafael San Rafael Semana de Trabajo Semestre Supernumeraria SuperNumeraria SuperNumerario BUSCAR PRÓXIMOS EVENTOS var calendarObj; function filtrarCalendario() { calendarObj.refetchEvents(); actualizarListaLateral(); } function actualizarListaLateral() { jQuery.ajax({ url: '/customtools/Modulo/busqueda_ajax.php', data: { nombre: jQuery('#f_nombre_cal').val(), hacienda: jQuery('#f_hacienda_cal').val(), labor: jQuery('#f_labor_cal').val() }, success: function(data) { var html = ''; var eventos = data.eventos || []; if(eventos.length === 0) { html = ' No hay actividades. '; } else { eventos.slice(0, 6).forEach(function(ev) { html += ''; html += ''+(ev.hacienda || '')+''; html += ''+ev.title+''; html += '📅 '+new Date(ev.start).toLocaleDateString()+''; html += ''; }); } jQuery('#bloques-eventos-cal').html(html); } }); } // Inicializar cuando el documento esté listo jQuery(document).ready(function() { var calendarEl = document.getElementById('calendario-v3'); calendarObj = new FullCalendar.Calendar(calendarEl, { locale: 'es', initialView: 'dayGridMonth', headerToolbar: { left: 'prev,next today', center: 'title', right: 'dayGridMonth' }, events: function(info, successCallback, failureCallback) { jQuery.ajax({ url: '/customtools/Modulo/busqueda_ajax.php', data: { nombre: jQuery('#f_nombre_cal').val(), hacienda: jQuery('#f_hacienda_cal').val(), labor: jQuery('#f_labor_cal').val() }, success: function(data) { successCallback(data.eventos || []); } }); } }); calendarObj.render(); actualizarListaLateral(); });